From 62b9e3911fe901895241c7a09c170110f4fd7f74 Mon Sep 17 00:00:00 2001 From: Faith-Atieno <159754252+Faith-Atieno@users.noreply.github.com> Date: Wed, 12 Mar 2025 17:00:52 +0300 Subject: [PATCH 1/6] SEO-198658-Flutter-Calendar-Search-Console-Keyword-Tracking- --- Flutter/calendar/getting-started.md | 40 +++++++++--------- ... background-color-in-flutter-calendar.png} | Bin ...cell-border-color-in-flutter-calendar.png} | Bin ... cell-end-padding-in-flutter-calendar.png} | Bin ...nt-time-indicator-in-flutter-calendar.png} | Bin ...png => datasource-in-flutter-calendar.png} | Bin ...ew.png => dayview-in-flutter-calendar.png} | Bin ... => firstday-week-in-flutter-calendar.png} | Bin ...tial-display-date-in-flutter-calendar.png} | Bin ...ial-selected-date-in-flutter-calendar.png} | Bin ....png => monthview-in-flutter-calendar.png} | Bin ...ection-decoration-in-flutter-calendar.png} | Bin ...-navigation-arrow-in-flutter-calendar.jpg} | Bin ...y-highlight-color-in-flutter-calendar.png} | Bin ...number-appearance-in-flutter-calendar.png} | Bin ...ng => week-number-in-flutter-calendar.png} | Bin 16 files changed, 20 insertions(+), 20 deletions(-) rename Flutter/calendar/images/getting-started/{calendar-background-color.png => background-color-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{cell-border-color.png => cell-border-color-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{cell-end-padding.png => cell-end-padding-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{current-time-indicator.png => current-time-indicator-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{datasource.png => datasource-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{dayview.png => dayview-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{firstday-week.png => firstday-week-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{initial-display-date.png => initial-display-date-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{initial-selected-date.png => initial-selected-date-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{monthview.png => monthview-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{selection-decoration.png => selection-decoration-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{show-navigation-arrow.jpg => show-navigation-arrow-in-flutter-calendar.jpg} (100%) rename Flutter/calendar/images/getting-started/{today-highlight-color.png => today-highlight-color-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{flutter-calendar-week-number-appearance.png => week-number-appearance-in-flutter-calendar.png} (100%) rename Flutter/calendar/images/getting-started/{flutter-calendar-week-number.png => week-number-in-flutter-calendar.png} (100%) diff --git a/Flutter/calendar/getting-started.md b/Flutter/calendar/getting-started.md index cabd80782..e9fdc182d 100644 --- a/Flutter/calendar/getting-started.md +++ b/Flutter/calendar/getting-started.md @@ -1,14 +1,14 @@ --- layout: post -title: Getting started with Flutter Event Calendar widget | Syncfusion +title: Getting started with Flutter Calendar widget | Syncfusion description: Learn here about getting started with Syncfusion Event Calendar (SfCalendar) widget, its elements, and more. platform: flutter control: SfCalendar documentation: ug --- -# Getting started with Flutter Event Calendar (SfCalendar) -This section explains the steps required to add the calendar widget and populate appointments to the calendar widget. This section covers only basic features needed to get started with Syncfusion® calendar widget. +# Getting started with Flutter Calendar widget (SfCalendar) +This section explains the steps required to add the calendar widget and populate appointments to the calendar widget. This section covers only basic features needed to get started with Syncfusion calendar widget. To get start quickly with our [Flutter event calendar widget](https://www.syncfusion.com/flutter-widgets/flutter-calendar), you can check on this video. @@ -22,7 +22,7 @@ Create a simple project using the instructions given in the [Getting Started wit **Add dependency** -Add the Syncfusion® Flutter calendar dependency to your pubspec.yaml file. +Add the Syncfusion Flutter calendar dependency to your pubspec.yaml file. {% highlight dart %} @@ -32,7 +32,7 @@ syncfusion_flutter_calendar: ^xx.x.xx {% endhighlight %} -N> Here **xx.x.xx** denotes the current version of [Syncfusion® Flutter Calendar](https://pub.dev/packages/syncfusion_flutter_calendar/versions) package. +N> Here **xx.x.xx** denotes the current version of [Syncfusion Flutter Calendar](https://pub.dev/packages/syncfusion_flutter_calendar/versions) package. **Get packages** @@ -74,7 +74,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Calendar view](images/getting-started/dayview.png) +![Calendar view in Flutter Calendar.](images/getting-started/dayview-in-flutter-calendar.png) ## Change different calendar views @@ -94,7 +94,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Calendar view](images/getting-started/monthview.png) +![Calendar view in Flutter Calendar.](images/getting-started/monthview-in-flutter-calendar.png) ## Add data source @@ -171,7 +171,7 @@ class Meeting { {% endhighlight %} {% endtabs %} -![AddData source](images/getting-started/datasource.png) +![AddData source in Flutter Calendar.](images/getting-started/datasource-in-flutter-calendar.png) ## Change first day of week @@ -192,7 +192,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Change first day of week](images/getting-started/firstday-week.png) +![Change first day of week in Flutter Calendar.](images/getting-started/firstday-week-in-flutter-calendar.png) ## Initial selected date @@ -218,7 +218,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Initial selected date](images/getting-started/initial-selected-date.png) +![Initial selected date in Flutter Calendar.](images/getting-started/initial-selected-date-in-flutter-calendar.png) ## Initial display date @@ -244,7 +244,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Initial display date](images/getting-started/initial-display-date.png) +![Initial display date in Flutter Calendar.](images/getting-started/initial-display-date-in-flutter-calendar.png) ## Selection decoration @@ -275,7 +275,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Selection decoration](images/getting-started/selection-decoration.png) +![Selection decoration in Flutter Calendar.](images/getting-started/selection-decoration-in-flutter-calendar.png) ## Today highlight color @@ -301,7 +301,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Today highlight color](images/getting-started/today-highlight-color.png) +![Today highlight color in Flutter Calendar.](images/getting-started/today-highlight-color-in-flutter-calendar.png) ## Cell border color @@ -327,7 +327,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Cell border color](images/getting-started/cell-border-color.png) +![Cell border color in Flutter Calendar.](images/getting-started/cell-border-color-in-flutter-calendar.png) ## Background color @@ -353,7 +353,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Background color](images/getting-started/calendar-background-color.png) +![Background color in Flutter Calendar.](images/getting-started/background-color-in-flutter-calendar.png) ## Navigation arrow Using the [showNavigationArrow](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showNavigationArrow.html) property of the `SfCalendar`, you can navigate to the next or previous views of the calendar without swiping. @@ -374,7 +374,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Show Navigation Arrow](images/getting-started/show-navigation-arrow.jpg) +![Show Navigation Arrow in Flutter Calendar.](images/getting-started/show-navigation-arrow-in-flutter-calendar.jpg) >**NOTE** @@ -404,7 +404,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Cell end padding](images/getting-started/cell-end-padding.png) +![Cell end padding in Flutter Calendar.](images/getting-started/cell-end-padding-in-flutter-calendar.png) ## Current time indicator @@ -426,7 +426,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![showCurrentTimeIndicator](images/getting-started/current-time-indicator.png) +![showCurrentTimeIndicator in Flutter Calendar.](images/getting-started/current-time-indicator-in-flutter-calendar.png) ## Week number @@ -450,7 +450,7 @@ Display the Week number of the year in all views except schedule view of the `Sf {% endhighlight %} {% endtabs %} -![Week Number in Flutter Calendar](images\getting-started\flutter-calendar-week-number.png) +![Week Number in Flutter Calendar.](images\getting-started\week-number-in-flutter-calendar.png) ## Week number appearance @@ -478,7 +478,7 @@ Customize the Week number text style of the calendar by using the [WeekNumberSty {% endhighlight %} {% endtabs %} -![Week Number Appearance in Flutter Calendar](images\getting-started\flutter-calendar-week-number-appearance.png) +![Week Number Appearance in Flutter Calendar.](images\getting-started\week-number-appearance-in-flutter-calendar.png) Get the complete "getting started" sample from [here](https://github.com/SyncfusionExamples/flutter-calendar). diff --git a/Flutter/calendar/images/getting-started/calendar-background-color.png b/Flutter/calendar/images/getting-started/background-color-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/calendar-background-color.png rename to Flutter/calendar/images/getting-started/background-color-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/cell-border-color.png b/Flutter/calendar/images/getting-started/cell-border-color-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/cell-border-color.png rename to Flutter/calendar/images/getting-started/cell-border-color-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/cell-end-padding.png b/Flutter/calendar/images/getting-started/cell-end-padding-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/cell-end-padding.png rename to Flutter/calendar/images/getting-started/cell-end-padding-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/current-time-indicator.png b/Flutter/calendar/images/getting-started/current-time-indicator-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/current-time-indicator.png rename to Flutter/calendar/images/getting-started/current-time-indicator-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/datasource.png b/Flutter/calendar/images/getting-started/datasource-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/datasource.png rename to Flutter/calendar/images/getting-started/datasource-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/dayview.png b/Flutter/calendar/images/getting-started/dayview-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/dayview.png rename to Flutter/calendar/images/getting-started/dayview-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/firstday-week.png b/Flutter/calendar/images/getting-started/firstday-week-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/firstday-week.png rename to Flutter/calendar/images/getting-started/firstday-week-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/initial-display-date.png b/Flutter/calendar/images/getting-started/initial-display-date-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/initial-display-date.png rename to Flutter/calendar/images/getting-started/initial-display-date-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/initial-selected-date.png b/Flutter/calendar/images/getting-started/initial-selected-date-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/initial-selected-date.png rename to Flutter/calendar/images/getting-started/initial-selected-date-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/monthview.png b/Flutter/calendar/images/getting-started/monthview-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/monthview.png rename to Flutter/calendar/images/getting-started/monthview-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/selection-decoration.png b/Flutter/calendar/images/getting-started/selection-decoration-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/selection-decoration.png rename to Flutter/calendar/images/getting-started/selection-decoration-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/show-navigation-arrow.jpg b/Flutter/calendar/images/getting-started/show-navigation-arrow-in-flutter-calendar.jpg similarity index 100% rename from Flutter/calendar/images/getting-started/show-navigation-arrow.jpg rename to Flutter/calendar/images/getting-started/show-navigation-arrow-in-flutter-calendar.jpg diff --git a/Flutter/calendar/images/getting-started/today-highlight-color.png b/Flutter/calendar/images/getting-started/today-highlight-color-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/today-highlight-color.png rename to Flutter/calendar/images/getting-started/today-highlight-color-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/flutter-calendar-week-number-appearance.png b/Flutter/calendar/images/getting-started/week-number-appearance-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/flutter-calendar-week-number-appearance.png rename to Flutter/calendar/images/getting-started/week-number-appearance-in-flutter-calendar.png diff --git a/Flutter/calendar/images/getting-started/flutter-calendar-week-number.png b/Flutter/calendar/images/getting-started/week-number-in-flutter-calendar.png similarity index 100% rename from Flutter/calendar/images/getting-started/flutter-calendar-week-number.png rename to Flutter/calendar/images/getting-started/week-number-in-flutter-calendar.png From 65c915162b4913f959ec24573993057ac1237d06 Mon Sep 17 00:00:00 2001 From: Faith-Atieno <159754252+Faith-Atieno@users.noreply.github.com> Date: Thu, 13 Mar 2025 11:17:16 +0300 Subject: [PATCH 2/6] updated --- Flutter/calendar/getting-started.md | 30 ++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/Flutter/calendar/getting-started.md b/Flutter/calendar/getting-started.md index e9fdc182d..031873aba 100644 --- a/Flutter/calendar/getting-started.md +++ b/Flutter/calendar/getting-started.md @@ -74,7 +74,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Calendar view in Flutter Calendar.](images/getting-started/dayview-in-flutter-calendar.png) +![Dayview in Flutter Calendar.](images/getting-started/dayview-in-flutter-calendar.png){:width="316" height="550" loading="lazy"} ## Change different calendar views @@ -94,7 +94,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Calendar view in Flutter Calendar.](images/getting-started/monthview-in-flutter-calendar.png) +![Monthview in Flutter Calendar.](images/getting-started/monthview-in-flutter-calendar.png){:width="443" height="550" loading="lazy"} ## Add data source @@ -171,7 +171,7 @@ class Meeting { {% endhighlight %} {% endtabs %} -![AddData source in Flutter Calendar.](images/getting-started/datasource-in-flutter-calendar.png) +![Datasource in Flutter Calendar.](images/getting-started/datasource-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Change first day of week @@ -192,7 +192,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Change first day of week in Flutter Calendar.](images/getting-started/firstday-week-in-flutter-calendar.png) +![Change first day of week in Flutter Calendar.](images/getting-started/firstday-week-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Initial selected date @@ -218,7 +218,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Initial selected date in Flutter Calendar.](images/getting-started/initial-selected-date-in-flutter-calendar.png) +![Initial selected date in Flutter Calendar.](images/getting-started/initial-selected-date-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Initial display date @@ -244,7 +244,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Initial display date in Flutter Calendar.](images/getting-started/initial-display-date-in-flutter-calendar.png) +![Initial display date in Flutter Calendar.](images/getting-started/initial-display-date-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Selection decoration @@ -275,7 +275,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Selection decoration in Flutter Calendar.](images/getting-started/selection-decoration-in-flutter-calendar.png) +![Selection decoration in Flutter Calendar.](images/getting-started/selection-decoration-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Today highlight color @@ -301,7 +301,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Today highlight color in Flutter Calendar.](images/getting-started/today-highlight-color-in-flutter-calendar.png) +![Today highlight color in Flutter Calendar.](images/getting-started/today-highlight-color-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Cell border color @@ -327,7 +327,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Cell border color in Flutter Calendar.](images/getting-started/cell-border-color-in-flutter-calendar.png) +![Cell border color in Flutter Calendar.](images/getting-started/cell-border-color-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Background color @@ -353,7 +353,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Background color in Flutter Calendar.](images/getting-started/background-color-in-flutter-calendar.png) +![Background color in Flutter Calendar.](images/getting-started/background-color-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Navigation arrow Using the [showNavigationArrow](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showNavigationArrow.html) property of the `SfCalendar`, you can navigate to the next or previous views of the calendar without swiping. @@ -374,7 +374,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Show Navigation Arrow in Flutter Calendar.](images/getting-started/show-navigation-arrow-in-flutter-calendar.jpg) +![Show Navigation Arrow in Flutter Calendar.](images/getting-started/show-navigation-arrow-in-flutter-calendar.jpg){:width="340" height="504" loading="lazy"} >**NOTE** @@ -404,7 +404,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Cell end padding in Flutter Calendar.](images/getting-started/cell-end-padding-in-flutter-calendar.png) +![Cell end padding in Flutter Calendar.](images/getting-started/cell-end-padding-in-flutter-calendar.png){:width="418" height="550" loading="lazy"} ## Current time indicator @@ -426,7 +426,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![showCurrentTimeIndicator in Flutter Calendar.](images/getting-started/current-time-indicator-in-flutter-calendar.png) +![showCurrentTimeIndicator in Flutter Calendar.](images/getting-started/current-time-indicator-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} ## Week number @@ -450,7 +450,7 @@ Display the Week number of the year in all views except schedule view of the `Sf {% endhighlight %} {% endtabs %} -![Week Number in Flutter Calendar.](images\getting-started\week-number-in-flutter-calendar.png) +![Week Number in Flutter Calendar.](images\getting-started\week-number-in-flutter-calendar.png){:width="816" height="465" loading="lazy"} ## Week number appearance @@ -478,7 +478,7 @@ Customize the Week number text style of the calendar by using the [WeekNumberSty {% endhighlight %} {% endtabs %} -![Week Number Appearance in Flutter Calendar.](images\getting-started\week-number-appearance-in-flutter-calendar.png) +![Week Number Appearance in Flutter Calendar.](images\getting-started\week-number-appearance-in-flutter-calendar.png){:width="297" height="550" loading="lazy"} Get the complete "getting started" sample from [here](https://github.com/SyncfusionExamples/flutter-calendar). From 372f06debfaf82186a37d0e2d5bb62cd490fd4cd Mon Sep 17 00:00:00 2001 From: Faith-Atieno <159754252+Faith-Atieno@users.noreply.github.com> Date: Thu, 13 Mar 2025 11:57:21 +0300 Subject: [PATCH 3/6] note added --- Flutter/calendar/getting-started.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/Flutter/calendar/getting-started.md b/Flutter/calendar/getting-started.md index 031873aba..b7ab2b627 100644 --- a/Flutter/calendar/getting-started.md +++ b/Flutter/calendar/getting-started.md @@ -497,4 +497,6 @@ Get the complete "getting started" sample from [here](https://github.com/Syncfus * [How to customize the current day color in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10814/how-to-customize-the-current-day-color-in-the-flutter-calendar) * [How to show a particular week in a day view of Flutter event calendar(SfCalendar)](https://support.syncfusion.com/kb/article/10774/how-to-show-a-particular-week-in-a-day-view-of-flutter-calendar) * [How to customize the selection using decoration in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10641/how-to-customize-the-selection-using-decoration-in-the-flutter-calendar) -* [How to format the view header day and date in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10764/how-to-format-the-view-header-day-and-date-in-the-flutter-calendar) \ No newline at end of file +* [How to format the view header day and date in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10764/how-to-format-the-view-header-day-and-date-in-the-flutter-calendar) + +N> You can also explore our [Flutter Calendar example](https://flutter.syncfusion.com/#/event-calendar/getting-started) that shows you how to render and configure the tabs. \ No newline at end of file From 3aa3c2bbaed96ae397511a274f42c6b896bcdf87 Mon Sep 17 00:00:00 2001 From: Faith-Atieno <159754252+Faith-Atieno@users.noreply.github.com> Date: Thu, 13 Mar 2025 17:13:01 +0300 Subject: [PATCH 4/6] updated --- Flutter/calendar/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Flutter/calendar/getting-started.md b/Flutter/calendar/getting-started.md index b7ab2b627..354fe3390 100644 --- a/Flutter/calendar/getting-started.md +++ b/Flutter/calendar/getting-started.md @@ -499,4 +499,4 @@ Get the complete "getting started" sample from [here](https://github.com/Syncfus * [How to customize the selection using decoration in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10641/how-to-customize-the-selection-using-decoration-in-the-flutter-calendar) * [How to format the view header day and date in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10764/how-to-format-the-view-header-day-and-date-in-the-flutter-calendar) -N> You can also explore our [Flutter Calendar example](https://flutter.syncfusion.com/#/event-calendar/getting-started) that shows you how to render and configure the tabs. \ No newline at end of file +N> You can also explore our [Flutter Calendar example](https://flutter.syncfusion.com/#/event-calendar/getting-started) that shows you how to render and configure the calendar. \ No newline at end of file From 6d055ab2e47b0a16d743390506785519fccf4afb Mon Sep 17 00:00:00 2001 From: Faith-Atieno <159754252+Faith-Atieno@users.noreply.github.com> Date: Thu, 13 Mar 2025 18:07:12 +0300 Subject: [PATCH 5/6] updated --- Flutter/calendar/getting-started.md | 30 +++++++++--------- ... => flutter-calendar-background-color.png} | Bin ...=> flutter-calendar-cell-border-color.png} | Bin ... => flutter-calendar-cell-end-padding.png} | Bin ...utter-calendar-current-time-indicator.png} | Bin ...ar.png => flutter-calendar-datasource.png} | Bin ...endar.png => flutter-calendar-dayview.png} | Bin ...png => flutter-calendar-firstday-week.png} | Bin ...flutter-calendar-initial-display-date.png} | Bin ...lutter-calendar-initial-selected-date.png} | Bin ...dar.png => flutter-calendar-monthview.png} | Bin ...flutter-calendar-selection-decoration.png} | Bin ...lutter-calendar-show-navigation-arrow.jpg} | Bin ...lutter-calendar-today-highlight-color.png} | Bin ...utter-calendar-week-number-appearance.png} | Bin ...r.png => flutter-calendar-week-number.png} | Bin 16 files changed, 15 insertions(+), 15 deletions(-) rename Flutter/calendar/images/getting-started/{background-color-in-flutter-calendar.png => flutter-calendar-background-color.png} (100%) rename Flutter/calendar/images/getting-started/{cell-border-color-in-flutter-calendar.png => flutter-calendar-cell-border-color.png} (100%) rename Flutter/calendar/images/getting-started/{cell-end-padding-in-flutter-calendar.png => flutter-calendar-cell-end-padding.png} (100%) rename Flutter/calendar/images/getting-started/{current-time-indicator-in-flutter-calendar.png => flutter-calendar-current-time-indicator.png} (100%) rename Flutter/calendar/images/getting-started/{datasource-in-flutter-calendar.png => flutter-calendar-datasource.png} (100%) rename Flutter/calendar/images/getting-started/{dayview-in-flutter-calendar.png => flutter-calendar-dayview.png} (100%) rename Flutter/calendar/images/getting-started/{firstday-week-in-flutter-calendar.png => flutter-calendar-firstday-week.png} (100%) rename Flutter/calendar/images/getting-started/{initial-display-date-in-flutter-calendar.png => flutter-calendar-initial-display-date.png} (100%) rename Flutter/calendar/images/getting-started/{initial-selected-date-in-flutter-calendar.png => flutter-calendar-initial-selected-date.png} (100%) rename Flutter/calendar/images/getting-started/{monthview-in-flutter-calendar.png => flutter-calendar-monthview.png} (100%) rename Flutter/calendar/images/getting-started/{selection-decoration-in-flutter-calendar.png => flutter-calendar-selection-decoration.png} (100%) rename Flutter/calendar/images/getting-started/{show-navigation-arrow-in-flutter-calendar.jpg => flutter-calendar-show-navigation-arrow.jpg} (100%) rename Flutter/calendar/images/getting-started/{today-highlight-color-in-flutter-calendar.png => flutter-calendar-today-highlight-color.png} (100%) rename Flutter/calendar/images/getting-started/{week-number-appearance-in-flutter-calendar.png => flutter-calendar-week-number-appearance.png} (100%) rename Flutter/calendar/images/getting-started/{week-number-in-flutter-calendar.png => flutter-calendar-week-number.png} (100%) diff --git a/Flutter/calendar/getting-started.md b/Flutter/calendar/getting-started.md index 354fe3390..02fe445c6 100644 --- a/Flutter/calendar/getting-started.md +++ b/Flutter/calendar/getting-started.md @@ -74,7 +74,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Dayview in Flutter Calendar.](images/getting-started/dayview-in-flutter-calendar.png){:width="316" height="550" loading="lazy"} +![Day view in Flutter Calendar.](images/getting-started/flutter-calendar-dayview.png){:width="316" height="550" loading="lazy"} ## Change different calendar views @@ -94,7 +94,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Monthview in Flutter Calendar.](images/getting-started/monthview-in-flutter-calendar.png){:width="443" height="550" loading="lazy"} +![Month view in Flutter Calendar.](images/getting-started/flutter-calendar-monthview.png){:width="443" height="550" loading="lazy"} ## Add data source @@ -171,7 +171,7 @@ class Meeting { {% endhighlight %} {% endtabs %} -![Datasource in Flutter Calendar.](images/getting-started/datasource-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![Data source in Flutter Calendar.](images/getting-started/flutter-calendar-datasource.png){:width="452" height="550" loading="lazy"} ## Change first day of week @@ -192,7 +192,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Change first day of week in Flutter Calendar.](images/getting-started/firstday-week-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![Change first day of week in Flutter Calendar.](images/getting-started/flutter-calendar-firstday-week.png){:width="452" height="550" loading="lazy"} ## Initial selected date @@ -218,7 +218,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Initial selected date in Flutter Calendar.](images/getting-started/initial-selected-date-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![Initial selected date in Flutter Calendar.](images/getting-started/flutter-calendar-initial-selected-date.png){:width="452" height="550" loading="lazy"} ## Initial display date @@ -244,7 +244,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Initial display date in Flutter Calendar.](images/getting-started/initial-display-date-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![Initial display date in Flutter Calendar.](images/getting-started/flutter-calendar-initial-display-date.png){:width="452" height="550" loading="lazy"} ## Selection decoration @@ -275,7 +275,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Selection decoration in Flutter Calendar.](images/getting-started/selection-decoration-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![Selection decoration in Flutter Calendar.](images/getting-started/flutter-calendar-selection-decoration.png){:width="452" height="550" loading="lazy"} ## Today highlight color @@ -301,7 +301,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Today highlight color in Flutter Calendar.](images/getting-started/today-highlight-color-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![Today highlight color in Flutter Calendar.](images/getting-started/flutter-calendar-today-highlight-color.png){:width="452" height="550" loading="lazy"} ## Cell border color @@ -327,7 +327,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Cell border color in Flutter Calendar.](images/getting-started/cell-border-color-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![Cell border color in Flutter Calendar.](images/getting-started/flutter-calendar-cell-border-color.png){:width="452" height="550" loading="lazy"} ## Background color @@ -353,7 +353,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Background color in Flutter Calendar.](images/getting-started/background-color-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![Background color in Flutter Calendar.](images/getting-started/flutter-calendar-background-color.png){:width="452" height="550" loading="lazy"} ## Navigation arrow Using the [showNavigationArrow](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showNavigationArrow.html) property of the `SfCalendar`, you can navigate to the next or previous views of the calendar without swiping. @@ -374,7 +374,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Show Navigation Arrow in Flutter Calendar.](images/getting-started/show-navigation-arrow-in-flutter-calendar.jpg){:width="340" height="504" loading="lazy"} +![Show Navigation Arrow in Flutter Calendar.](images/getting-started/flutter-calendar-show-navigation-arrow.jpg){:width="340" height="504" loading="lazy"} >**NOTE** @@ -404,7 +404,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Cell end padding in Flutter Calendar.](images/getting-started/cell-end-padding-in-flutter-calendar.png){:width="418" height="550" loading="lazy"} +![Cell end padding in Flutter Calendar.](images/getting-started/flutter-calendar-cell-end-padding.png){:width="418" height="550" loading="lazy"} ## Current time indicator @@ -426,7 +426,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![showCurrentTimeIndicator in Flutter Calendar.](images/getting-started/current-time-indicator-in-flutter-calendar.png){:width="452" height="550" loading="lazy"} +![show Current Time Indicator in Flutter Calendar.](images/getting-started/flutter-calendar-current-time-indicator.png){:width="452" height="550" loading="lazy"} ## Week number @@ -450,7 +450,7 @@ Display the Week number of the year in all views except schedule view of the `Sf {% endhighlight %} {% endtabs %} -![Week Number in Flutter Calendar.](images\getting-started\week-number-in-flutter-calendar.png){:width="816" height="465" loading="lazy"} +![Week Number in Flutter Calendar.](images\getting-started\flutter-calendar-week-number.png){:width="816" height="465" loading="lazy"} ## Week number appearance @@ -478,7 +478,7 @@ Customize the Week number text style of the calendar by using the [WeekNumberSty {% endhighlight %} {% endtabs %} -![Week Number Appearance in Flutter Calendar.](images\getting-started\week-number-appearance-in-flutter-calendar.png){:width="297" height="550" loading="lazy"} +![Week Number Appearance in Flutter Calendar.](images\getting-started\flutter-calendar-week-number-appearance.png){:width="297" height="550" loading="lazy"} Get the complete "getting started" sample from [here](https://github.com/SyncfusionExamples/flutter-calendar). diff --git a/Flutter/calendar/images/getting-started/background-color-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-background-color.png similarity index 100% rename from Flutter/calendar/images/getting-started/background-color-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-background-color.png diff --git a/Flutter/calendar/images/getting-started/cell-border-color-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-cell-border-color.png similarity index 100% rename from Flutter/calendar/images/getting-started/cell-border-color-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-cell-border-color.png diff --git a/Flutter/calendar/images/getting-started/cell-end-padding-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-cell-end-padding.png similarity index 100% rename from Flutter/calendar/images/getting-started/cell-end-padding-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-cell-end-padding.png diff --git a/Flutter/calendar/images/getting-started/current-time-indicator-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-current-time-indicator.png similarity index 100% rename from Flutter/calendar/images/getting-started/current-time-indicator-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-current-time-indicator.png diff --git a/Flutter/calendar/images/getting-started/datasource-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-datasource.png similarity index 100% rename from Flutter/calendar/images/getting-started/datasource-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-datasource.png diff --git a/Flutter/calendar/images/getting-started/dayview-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-dayview.png similarity index 100% rename from Flutter/calendar/images/getting-started/dayview-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-dayview.png diff --git a/Flutter/calendar/images/getting-started/firstday-week-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-firstday-week.png similarity index 100% rename from Flutter/calendar/images/getting-started/firstday-week-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-firstday-week.png diff --git a/Flutter/calendar/images/getting-started/initial-display-date-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-initial-display-date.png similarity index 100% rename from Flutter/calendar/images/getting-started/initial-display-date-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-initial-display-date.png diff --git a/Flutter/calendar/images/getting-started/initial-selected-date-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-initial-selected-date.png similarity index 100% rename from Flutter/calendar/images/getting-started/initial-selected-date-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-initial-selected-date.png diff --git a/Flutter/calendar/images/getting-started/monthview-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-monthview.png similarity index 100% rename from Flutter/calendar/images/getting-started/monthview-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-monthview.png diff --git a/Flutter/calendar/images/getting-started/selection-decoration-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-selection-decoration.png similarity index 100% rename from Flutter/calendar/images/getting-started/selection-decoration-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-selection-decoration.png diff --git a/Flutter/calendar/images/getting-started/show-navigation-arrow-in-flutter-calendar.jpg b/Flutter/calendar/images/getting-started/flutter-calendar-show-navigation-arrow.jpg similarity index 100% rename from Flutter/calendar/images/getting-started/show-navigation-arrow-in-flutter-calendar.jpg rename to Flutter/calendar/images/getting-started/flutter-calendar-show-navigation-arrow.jpg diff --git a/Flutter/calendar/images/getting-started/today-highlight-color-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-today-highlight-color.png similarity index 100% rename from Flutter/calendar/images/getting-started/today-highlight-color-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-today-highlight-color.png diff --git a/Flutter/calendar/images/getting-started/week-number-appearance-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-week-number-appearance.png similarity index 100% rename from Flutter/calendar/images/getting-started/week-number-appearance-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-week-number-appearance.png diff --git a/Flutter/calendar/images/getting-started/week-number-in-flutter-calendar.png b/Flutter/calendar/images/getting-started/flutter-calendar-week-number.png similarity index 100% rename from Flutter/calendar/images/getting-started/week-number-in-flutter-calendar.png rename to Flutter/calendar/images/getting-started/flutter-calendar-week-number.png From dbaccc098e0007f9789df2c6515fcf1d494fb36b Mon Sep 17 00:00:00 2001 From: Faith-Atieno <159754252+Faith-Atieno@users.noreply.github.com> Date: Thu, 13 Mar 2025 18:51:04 +0300 Subject: [PATCH 6/6] updated --- Flutter/calendar/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Flutter/calendar/getting-started.md b/Flutter/calendar/getting-started.md index 02fe445c6..530008718 100644 --- a/Flutter/calendar/getting-started.md +++ b/Flutter/calendar/getting-started.md @@ -499,4 +499,4 @@ Get the complete "getting started" sample from [here](https://github.com/Syncfus * [How to customize the selection using decoration in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10641/how-to-customize-the-selection-using-decoration-in-the-flutter-calendar) * [How to format the view header day and date in the Flutter event calendar (SfCalendar)](https://support.syncfusion.com/kb/article/10764/how-to-format-the-view-header-day-and-date-in-the-flutter-calendar) -N> You can also explore our [Flutter Calendar example](https://flutter.syncfusion.com/#/event-calendar/getting-started) that shows you how to render and configure the calendar. \ No newline at end of file +N> You can also explore our [Flutter Calendar example](https://flutter.syncfusion.com/#/event-calendar/getting-started) that shows you how to render and configure the Calendar. \ No newline at end of file