From 8230e31401d639d0851ef40f4d8f7a836f18b321 Mon Sep 17 00:00:00 2001 From: HarshaMidadhalaKhajareddyMidadhala Date: Wed, 24 Dec 2025 10:09:22 +0530 Subject: [PATCH 1/2] Added height and width properties details in calendar/resource-view.md --- Flutter/calendar/resource-view.md | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/Flutter/calendar/resource-view.md b/Flutter/calendar/resource-view.md index c4503555d..11eeb86ea 100644 --- a/Flutter/calendar/resource-view.md +++ b/Flutter/calendar/resource-view.md @@ -129,6 +129,33 @@ Widget build(BuildContext context) { ![Visible resource count](images/resourceview/visible_resource_count.png) +## Height and Width +You can customize the size of the resource view using the [height](#) and [width](#) properties of [ResourceViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewSettings-class.html) in the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). +- height controls the height of each resource. +- width controls the width of the resource panel. + +{% tabs %} +{% highlight dart hl_lines="8" %} + +@override +Widget build(BuildContext context) { + return MaterialApp( + home: Scaffold( + body: SfCalendar( + dataSource: _dataSource, + resourceViewSettings: ResourceViewSettings( + height: 120, + width: 150, + ), + )), + ); +} + +{% endhighlight %} +{% endtabs %} + +> When [size] is specified along with [height] or [width], [size] takes precedence. If neither [height] nor [width] is specified, [size] is used by default. + ## Customization ### Show avatar You can disable the user profile image and the circle representation of the resource by setting `false` to the [showAvatar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewSettings/showAvatar.html) property available in the [ResourceViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewSettings-class.html). This will display each resource with a resource name and the color assigned to the resource. From ba2f8a1c3e6438ad60d93c258e676765c023a3e1 Mon Sep 17 00:00:00 2001 From: Harsha-SF4223 <154403270+Harsha-SF4223@users.noreply.github.com> Date: Sun, 18 Jan 2026 22:06:59 +0530 Subject: [PATCH 2/2] removed height and width as API links --- Flutter/calendar/resource-view.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Flutter/calendar/resource-view.md b/Flutter/calendar/resource-view.md index 11eeb86ea..f73f1c568 100644 --- a/Flutter/calendar/resource-view.md +++ b/Flutter/calendar/resource-view.md @@ -130,7 +130,7 @@ Widget build(BuildContext context) { ![Visible resource count](images/resourceview/visible_resource_count.png) ## Height and Width -You can customize the size of the resource view using the [height](#) and [width](#) properties of [ResourceViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewSettings-class.html) in the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). +You can customize the size of the resource view using the `height` and `width` properties of [ResourceViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewSettings-class.html) in the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). - height controls the height of each resource. - width controls the width of the resource panel. @@ -230,4 +230,4 @@ Widget build(BuildContext context) { * [How to add appointment for the selected resources using appointment editor in Flutter event calendar (SfCalendar)?](https://support.syncfusion.com/kb/article/10550) * [How to add resources in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10393/how-to-add-resources-in-the-flutter-calendar) -* [How to customize the resource view in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10738/how-to-customize-the-resource-view-in-the-flutter-calendar) \ No newline at end of file +* [How to customize the resource view in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10738/how-to-customize-the-resource-view-in-the-flutter-calendar)