docs(Scheduler): Restrict popup edit form height (#2859)

* docs(Scheduler): Restrict popup edit form height

* Update edit-appointments.md

* Update edit-popup-customization.md

Author: dimodi

components/scheduler/editing/edit-appointments.md

@@ -107,6 +107,9 @@ The example below shows the signature of the event handlers so you can copy the
                   OnEdit="@EditHandler" OnCancel="@CancelHandler"
                   AllowCreate="true" AllowDelete="true" AllowUpdate="true"
                   @bind-Date="@StartDate" Height="600px" @bind-View="@CurrView">
+    <SchedulerSettings>
+        <SchedulerPopupEditSettings MaxHeight="99vh" />
+    </SchedulerSettings>
     <SchedulerViews>
         <SchedulerDayView StartTime="@DayStart" />
         <SchedulerWeekView StartTime="@DayStart" />

components/scheduler/editing/edit-popup-customization.md

@@ -40,6 +40,7 @@ The `SchedulerPopupEditFormSettings` nested tag exposes the following parameters
     <SchedulerSettings>
         <SchedulerPopupEditSettings Width="600px"
                                     MinWidth="500px"
+                                    MaxHeight="99vh"
                                     Title="Edit Event"
                                     Class="custom-popup">
         </SchedulerPopupEditSettings>

components/scheduler/resources.md

@@ -72,6 +72,9 @@ The field names used for the resource model (`Text`, `Value` and `Color`) are th
         <SchedulerWeekView StartTime="@DayStart" />
         <SchedulerMultiDayView StartTime="@DayStart" NumberOfDays="10" />
     </SchedulerViews>
+    <SchedulerSettings>
+        <SchedulerPopupEditSettings MaxHeight="99vh" />
+    </SchedulerSettings>
 </TelerikScheduler>
 
 @code {
@@ -177,6 +180,9 @@ The field names used for the resource model (`Name`, `Id` and `Shade`) are diffe
         <SchedulerWeekView StartTime="@DayStart" />
         <SchedulerMultiDayView StartTime="@DayStart" NumberOfDays="10" />
     </SchedulerViews>
+    <SchedulerSettings>
+        <SchedulerPopupEditSettings MaxHeight="99vh" />
+    </SchedulerSettings>
 </TelerikScheduler>
 
 @code {
@@ -281,6 +287,9 @@ Actual CRUD operations are not implemented for brevity, just the UX is enabled s
         <SchedulerWeekView StartTime="@DayStart" />
         <SchedulerMultiDayView StartTime="@DayStart" NumberOfDays="10" />
     </SchedulerViews>
+    <SchedulerSettings>
+        <SchedulerPopupEditSettings MaxHeight="99vh" />
+    </SchedulerSettings>
 </TelerikScheduler>
 
 @code {