diff --git a/MAUI/Calendar/calendar-mode.md b/MAUI/Calendar/calendar-mode.md index ee9251a040..a48db43da4 100644 --- a/MAUI/Calendar/calendar-mode.md +++ b/MAUI/Calendar/calendar-mode.md @@ -117,3 +117,29 @@ private void Button_Clicked(object sender, System.EventArgs e) {% endhighlight %} {% endtabs %} + +### Custom Popup Size + +SfCalendar allows the display of the Popup to render at any desired size by setting the [PopupWidth] and [PopupHeight] properties. + +{% tabs %} + +{% highlight xaml tabtitle="XAML" %} + + + +{% endhighlight %} + +{% highlight c# tabtitle="C#" %} + +this.calendar.PopupWidth = 300; +this.calendar.PopupHeight = 400; + +{% endhighlight %} + +{% endtabs %} + + ![PopupSize in .NET MAUI Calendar](calendar_PopupSize_support.png) diff --git a/MAUI/Calendar/images/calendar-mode/calendar_PopupSize_support.png b/MAUI/Calendar/images/calendar-mode/calendar_PopupSize_support.png new file mode 100644 index 0000000000..e89553ed29 Binary files /dev/null and b/MAUI/Calendar/images/calendar-mode/calendar_PopupSize_support.png differ diff --git a/MAUI/DatePicker/date-picker-mode.md b/MAUI/DatePicker/date-picker-mode.md index 44dd2f4d8d..f8135c2d6f 100644 --- a/MAUI/DatePicker/date-picker-mode.md +++ b/MAUI/DatePicker/date-picker-mode.md @@ -161,4 +161,30 @@ private void Button_Clicked(object sender, System.EventArgs e) ![Relative dialog mode in .NET MAUI Date picker.](images/date-picker-mode/maui-date-picker-relative-dialog-mode1.png) - ![Relative dialog mode in .NET MAUI Date picker.](images/date-picker-mode/maui-date-picker-relative-dialog-mode2.png) \ No newline at end of file + ![Relative dialog mode in .NET MAUI Date picker.](images/date-picker-mode/maui-date-picker-relative-dialog-mode2.png) + +### Custom Popup Size + +SfDatePicker allows the display of the Popup to render at any desired size by setting the [PopupWidth] and [PopupHeight] properties. + +{% tabs %} + +{% highlight xaml tabtitle="XAML" %} + + + +{% endhighlight %} + +{% highlight c# tabtitle="C#" %} + +this.datePicker.PopupWidth = 300; +this.datePicker.PopupHeight = 400; + +{% endhighlight %} + +{% endtabs %} + + ![PopupSize in .NET MAUI Date Picker](maui-date-picker-relative-dialog-mode2.png) \ No newline at end of file diff --git a/MAUI/DatePicker/images/date-picker-mode/maui-date-picker-popupsize.png b/MAUI/DatePicker/images/date-picker-mode/maui-date-picker-popupsize.png new file mode 100644 index 0000000000..313ff57b90 Binary files /dev/null and b/MAUI/DatePicker/images/date-picker-mode/maui-date-picker-popupsize.png differ diff --git a/MAUI/DateTimePicker/date-time-picker-mode.md b/MAUI/DateTimePicker/date-time-picker-mode.md index be176e7b1d..89ea3eb1bc 100644 --- a/MAUI/DateTimePicker/date-time-picker-mode.md +++ b/MAUI/DateTimePicker/date-time-picker-mode.md @@ -150,4 +150,30 @@ private void Button_Clicked(object sender, EventArgs e) ![Relative dialog mode in .NET MAUI Date Time picker.](images/date-time-picker-mode/maui-date-time-picker-relative-dialog-mode1.png) - ![Relative dialog mode in .NET MAUI Date Time picker.](images/date-time-picker-mode/maui-date-time-picker-relative-dialog-mode2.png) \ No newline at end of file + ![Relative dialog mode in .NET MAUI Date Time picker.](images/date-time-picker-mode/maui-date-time-picker-relative-dialog-mode2.png) + +### Custom Popup Size + +SfDateTimePicker allows the display of the Popup to render at any desired size by setting the [PopupWidth] and [PopupHeight] properties. + +{% tabs %} + +{% highlight xaml tabtitle="XAML" %} + + + +{% endhighlight %} + +{% highlight c# tabtitle="C#" %} + +this.picker.PopupWidth = 300; +this.picker.PopupHeight = 400; + +{% endhighlight %} + +{% endtabs %} + + ![PopupSize in .NET MAUI Date Time Picker](maui-date-time-picker-popupsize.png) \ No newline at end of file diff --git a/MAUI/DateTimePicker/images/date-time-picker-mode/maui-date-time-picker-popupsize.png b/MAUI/DateTimePicker/images/date-time-picker-mode/maui-date-time-picker-popupsize.png new file mode 100644 index 0000000000..837c6a1c77 Binary files /dev/null and b/MAUI/DateTimePicker/images/date-time-picker-mode/maui-date-time-picker-popupsize.png differ diff --git a/MAUI/Picker/images/picker-mode/maui-picker-popupsize.png b/MAUI/Picker/images/picker-mode/maui-picker-popupsize.png new file mode 100644 index 0000000000..1559394e0e Binary files /dev/null and b/MAUI/Picker/images/picker-mode/maui-picker-popupsize.png differ diff --git a/MAUI/Picker/picker-mode.md b/MAUI/Picker/picker-mode.md index b5b4c5cabc..9efb27f21e 100644 --- a/MAUI/Picker/picker-mode.md +++ b/MAUI/Picker/picker-mode.md @@ -161,4 +161,59 @@ private void Button_Clicked(object sender, System.EventArgs e) ![Relative dialog mode in .NET MAUI Picker.](images/picker-mode/maui-picker-relative-dialog-mode1.png) - ![Relative dialog mode in .NET MAUI Picker.](images/picker-mode/maui-picker-relative-dialog-mode2.png) \ No newline at end of file + ![Relative dialog mode in .NET MAUI Picker.](images/picker-mode/maui-picker-relative-dialog-mode2.png) + +### Custom Popup Size + +SfPicker allows the display of the Popup to render at any desired size by setting the [PopupWidth] and [PopupHeight] properties. + +{% tabs %} + +{% highlight xaml tabtitle="XAML" %} + + + + + + + + + + + + + + + + + + + +{% endhighlight %} + +{% highlight c# tabtitle="C#" %} + +private void pickerButton_Clicked(object sender, System.EventArgs e) +{ + this.picker.IsOpen = true; + this.picker.PopupWidth = 300; + this.picker.PopupHeight = 440; +} + +{% endhighlight %} + +{% endtabs %} + + ![PopupSize in .Net Maui Picker.](maui-picker-popupsize.png) \ No newline at end of file diff --git a/MAUI/TimePicker/images/time-picker-mode/maui-time-picker-popupsize.png b/MAUI/TimePicker/images/time-picker-mode/maui-time-picker-popupsize.png new file mode 100644 index 0000000000..5a0c1da518 Binary files /dev/null and b/MAUI/TimePicker/images/time-picker-mode/maui-time-picker-popupsize.png differ diff --git a/MAUI/TimePicker/time-picker-mode.md b/MAUI/TimePicker/time-picker-mode.md index bf205d98b9..df1d55d9e0 100644 --- a/MAUI/TimePicker/time-picker-mode.md +++ b/MAUI/TimePicker/time-picker-mode.md @@ -161,4 +161,30 @@ private void Button_Clicked(object sender, System.EventArgs e) ![Relative dialog mode in .NET MAUI Time picker.](images/time-picker-mode/maui-time-picker-relative-dialog-mode1.png) - ![Relative dialog mode in .NET MAUI Time picker.](images/time-picker-mode/maui-time-picker-relative-dialog-mode2.png) \ No newline at end of file + ![Relative dialog mode in .NET MAUI Time picker.](images/time-picker-mode/maui-time-picker-relative-dialog-mode2.png) + +### Custom Popup Size + +SfTimePicker allows the display of the Popup to render at any desired size by setting the [PopupWidth] and [PopupHeight] properties. + +{% tabs %} + +{% highlight xaml tabtitle="XAML" %} + + + +{% endhighlight %} + +{% highlight c# tabtitle="C#" %} + +this.timePicker.PopupWidth = 300; +this.timePicker.PopupHeight = 400; + +{% endhighlight %} + +{% endtabs %} + + ![PopupSize in .NET MAUI Time Picker.](maui-time-picker-popupsize.png) \ No newline at end of file