diff --git a/static/img/accessiblemedia.jpg b/docs/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg similarity index 100% rename from static/img/accessiblemedia.jpg rename to docs/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg diff --git a/static/img/screenshots/DatePicker1.calendar-en.png b/docs/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png similarity index 100% rename from static/img/screenshots/DatePicker1.calendar-en.png rename to docs/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png diff --git a/static/img/screenshots/DatePicker2.calendar-en.png b/docs/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png similarity index 100% rename from static/img/screenshots/DatePicker2.calendar-en.png rename to docs/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png diff --git a/static/img/screenshots/note-form-field-classes-screenshot.png b/docs/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png similarity index 100% rename from static/img/screenshots/note-form-field-classes-screenshot.png rename to docs/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png diff --git a/static/img/screenshots/note-form-field-close-screenshot.png b/docs/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png similarity index 100% rename from static/img/screenshots/note-form-field-close-screenshot.png rename to docs/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png diff --git a/static/img/screenshots/note-form-field-title-screenshot.png b/docs/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png similarity index 100% rename from static/img/screenshots/note-form-field-title-screenshot.png rename to docs/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png diff --git a/docs/general-concepts/forms-fields/standard-fields/accessiblemedia.md b/docs/general-concepts/forms-fields/standard-fields/accessiblemedia.md index c34385a3..044b0eb9 100644 --- a/docs/general-concepts/forms-fields/standard-fields/accessiblemedia.md +++ b/docs/general-concepts/forms-fields/standard-fields/accessiblemedia.md @@ -3,6 +3,9 @@ sidebar_position: 2 title: Accessiblemedia Form Field --- +Accessiblemedia Form Field +========================== + The **accessiblemedia** form field type provides modal access to the media manager for the choice of an image (like the media field) and allows the user to specify associated Alt Text. Users with appropriate permissions will be able to upload files. - **type** (mandatory) must be *accessiblemedia*. @@ -29,7 +32,8 @@ Implemented by: libraries/src/Form/Field/AccessiblemediaField.php This will open the media manager with the directory /images/stories/ already selected. It will allow the user to select a media item and to specify the associated Alt Text. -![](\img\accessiblemedia.jpg) +![Screenshot of accessible media field with alt input field](_assets/accessiblemedia/accessiblemedia.jpg) + The one the right is an Accessible Media Field. Note that if you are using this field on the frontend then permissions restrictions are likely to be in force. If the user is not authorized to view or add media they will see an error page in the modal popup ("403 You are not authorized to view this resource."). diff --git a/docs/general-concepts/forms-fields/standard-fields/calendar.md b/docs/general-concepts/forms-fields/standard-fields/calendar.md index 615acaa8..3bb2642c 100644 --- a/docs/general-concepts/forms-fields/standard-fields/calendar.md +++ b/docs/general-concepts/forms-fields/standard-fields/calendar.md @@ -3,6 +3,8 @@ sidebar_position: 2 title: Calendar Form Field --- +Calendar Form Field +=================== The **calendar** form field type provides a text box for entry of a date. An icon next to the text box provides a link to a pop-up calendar, which can also be used to enter the date value. If the field has a saved value this is shown in @@ -74,7 +76,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker1.calendar-en.png) +![Datepicker without time selector](_assets/calendar/DatePicker1.calendar-en.png) ## Example XML parameter definition for an advanced DatePicker @@ -100,7 +102,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker2.calendar-en.png) +![Datepicker with time selector](_assets/calendar/DatePicker2.calendar-en.png) The format attribute specifies the format that the date string will be saved in. It is also the format that manually entered dates need to be enterered in; except that the punctuation character is ignored. The coding scheme used to diff --git a/docs/general-concepts/forms-fields/standard-fields/note.md b/docs/general-concepts/forms-fields/standard-fields/note.md index 369babeb..b9cf3efd 100644 --- a/docs/general-concepts/forms-fields/standard-fields/note.md +++ b/docs/general-concepts/forms-fields/standard-fields/note.md @@ -3,6 +3,10 @@ sidebar_position: 2 title: Note Form Field --- +Note Form Field +=============== + + The **note** form field type makes it possible to create titles, texts, descriptions and even alert boxes. It also allows you to bring order in the settings for extensions, by separating them with useful titles. Or adding descriptions for certain settings (without having to rely on the tooltips). Or adding any other text you want. - **type** (mandatory) must be *note*. @@ -18,58 +22,60 @@ Implemented by: libraries/src/Form/Field/NoteField.php ## Example XML parameter definition ```xml - + /> ``` ### Title and Description In the following code examples we will use these example language strings: -```xml +```ini LOREMIPSUM="Lorem ipsum dolor sit amet" LOREMIPSUM_DESC="Consectetuer adipiscing elit, sed diam" ``` With this note field you can either use the title or the description or both. ```xml - - - - - - - + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-title-screenshot.png) +![Screenshot with title field](_assets/note/note-form-field-title-screenshot.png) ### Classes (Alerts) You can add classes to the note. In this way you can easily make (Bootstrap) alerts and also add other styling via class names (like a 'well'). ```xml - - - - - - - - - + + + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-classes-screenshot.png) + +![Screenshot with classes set](_assets/note/note-form-field-classes-screenshot.png) ### Close Button A close button can be added to the alerts by adding the close="true" attribute to the tag. If you use a class other than the alert, use the required value for the data-dismiss of the Bootstrap close icon instead of the value true. Here is the code to test the close icon on an alert. ```xml - - - + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-close-screenshot.png) + +![Screenshot with note close button](_assets/note/note-form-field-close-screenshot.png) Be aware that a closed alert/note cannot be reopened by the user without page reload. It's not a show/hide functionality. \ No newline at end of file diff --git a/static/img/screenshots/Params.timezones.jpg b/static/img/screenshots/Params.timezones.jpg deleted file mode 100644 index d22d7b85..00000000 Binary files a/static/img/screenshots/Params.timezones.jpg and /dev/null differ diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg new file mode 100644 index 00000000..35c22e0d Binary files /dev/null and b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg differ diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png new file mode 100644 index 00000000..bdb670c9 Binary files /dev/null and b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png differ diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png new file mode 100644 index 00000000..a3f7284d Binary files /dev/null and b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png differ diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png new file mode 100644 index 00000000..73b8e5f5 Binary files /dev/null and b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png differ diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png new file mode 100644 index 00000000..61815635 Binary files /dev/null and b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png differ diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png new file mode 100644 index 00000000..9f5d4869 Binary files /dev/null and b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png differ diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/accessiblemedia.md b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/accessiblemedia.md index c34385a3..044b0eb9 100644 --- a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/accessiblemedia.md +++ b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/accessiblemedia.md @@ -3,6 +3,9 @@ sidebar_position: 2 title: Accessiblemedia Form Field --- +Accessiblemedia Form Field +========================== + The **accessiblemedia** form field type provides modal access to the media manager for the choice of an image (like the media field) and allows the user to specify associated Alt Text. Users with appropriate permissions will be able to upload files. - **type** (mandatory) must be *accessiblemedia*. @@ -29,7 +32,8 @@ Implemented by: libraries/src/Form/Field/AccessiblemediaField.php This will open the media manager with the directory /images/stories/ already selected. It will allow the user to select a media item and to specify the associated Alt Text. -![](\img\accessiblemedia.jpg) +![Screenshot of accessible media field with alt input field](_assets/accessiblemedia/accessiblemedia.jpg) + The one the right is an Accessible Media Field. Note that if you are using this field on the frontend then permissions restrictions are likely to be in force. If the user is not authorized to view or add media they will see an error page in the modal popup ("403 You are not authorized to view this resource."). diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/calendar.md b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/calendar.md index 615acaa8..3bb2642c 100644 --- a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/calendar.md +++ b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/calendar.md @@ -3,6 +3,8 @@ sidebar_position: 2 title: Calendar Form Field --- +Calendar Form Field +=================== The **calendar** form field type provides a text box for entry of a date. An icon next to the text box provides a link to a pop-up calendar, which can also be used to enter the date value. If the field has a saved value this is shown in @@ -74,7 +76,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker1.calendar-en.png) +![Datepicker without time selector](_assets/calendar/DatePicker1.calendar-en.png) ## Example XML parameter definition for an advanced DatePicker @@ -100,7 +102,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker2.calendar-en.png) +![Datepicker with time selector](_assets/calendar/DatePicker2.calendar-en.png) The format attribute specifies the format that the date string will be saved in. It is also the format that manually entered dates need to be enterered in; except that the punctuation character is ignored. The coding scheme used to diff --git a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/note.md b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/note.md index 369babeb..b9cf3efd 100644 --- a/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/note.md +++ b/versioned_docs/version-4.4/general-concepts/forms-fields/standard-fields/note.md @@ -3,6 +3,10 @@ sidebar_position: 2 title: Note Form Field --- +Note Form Field +=============== + + The **note** form field type makes it possible to create titles, texts, descriptions and even alert boxes. It also allows you to bring order in the settings for extensions, by separating them with useful titles. Or adding descriptions for certain settings (without having to rely on the tooltips). Or adding any other text you want. - **type** (mandatory) must be *note*. @@ -18,58 +22,60 @@ Implemented by: libraries/src/Form/Field/NoteField.php ## Example XML parameter definition ```xml - + /> ``` ### Title and Description In the following code examples we will use these example language strings: -```xml +```ini LOREMIPSUM="Lorem ipsum dolor sit amet" LOREMIPSUM_DESC="Consectetuer adipiscing elit, sed diam" ``` With this note field you can either use the title or the description or both. ```xml - - - - - - - + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-title-screenshot.png) +![Screenshot with title field](_assets/note/note-form-field-title-screenshot.png) ### Classes (Alerts) You can add classes to the note. In this way you can easily make (Bootstrap) alerts and also add other styling via class names (like a 'well'). ```xml - - - - - - - - - + + + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-classes-screenshot.png) + +![Screenshot with classes set](_assets/note/note-form-field-classes-screenshot.png) ### Close Button A close button can be added to the alerts by adding the close="true" attribute to the tag. If you use a class other than the alert, use the required value for the data-dismiss of the Bootstrap close icon instead of the value true. Here is the code to test the close icon on an alert. ```xml - - - + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-close-screenshot.png) + +![Screenshot with note close button](_assets/note/note-form-field-close-screenshot.png) Be aware that a closed alert/note cannot be reopened by the user without page reload. It's not a show/hide functionality. \ No newline at end of file diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg new file mode 100644 index 00000000..35c22e0d Binary files /dev/null and b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg differ diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png new file mode 100644 index 00000000..bdb670c9 Binary files /dev/null and b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png differ diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png new file mode 100644 index 00000000..a3f7284d Binary files /dev/null and b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png differ diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png new file mode 100644 index 00000000..73b8e5f5 Binary files /dev/null and b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png differ diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png new file mode 100644 index 00000000..61815635 Binary files /dev/null and b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png differ diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png new file mode 100644 index 00000000..9f5d4869 Binary files /dev/null and b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png differ diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/accessiblemedia.md b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/accessiblemedia.md index c34385a3..044b0eb9 100644 --- a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/accessiblemedia.md +++ b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/accessiblemedia.md @@ -3,6 +3,9 @@ sidebar_position: 2 title: Accessiblemedia Form Field --- +Accessiblemedia Form Field +========================== + The **accessiblemedia** form field type provides modal access to the media manager for the choice of an image (like the media field) and allows the user to specify associated Alt Text. Users with appropriate permissions will be able to upload files. - **type** (mandatory) must be *accessiblemedia*. @@ -29,7 +32,8 @@ Implemented by: libraries/src/Form/Field/AccessiblemediaField.php This will open the media manager with the directory /images/stories/ already selected. It will allow the user to select a media item and to specify the associated Alt Text. -![](\img\accessiblemedia.jpg) +![Screenshot of accessible media field with alt input field](_assets/accessiblemedia/accessiblemedia.jpg) + The one the right is an Accessible Media Field. Note that if you are using this field on the frontend then permissions restrictions are likely to be in force. If the user is not authorized to view or add media they will see an error page in the modal popup ("403 You are not authorized to view this resource."). diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/calendar.md b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/calendar.md index 615acaa8..3bb2642c 100644 --- a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/calendar.md +++ b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/calendar.md @@ -3,6 +3,8 @@ sidebar_position: 2 title: Calendar Form Field --- +Calendar Form Field +=================== The **calendar** form field type provides a text box for entry of a date. An icon next to the text box provides a link to a pop-up calendar, which can also be used to enter the date value. If the field has a saved value this is shown in @@ -74,7 +76,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker1.calendar-en.png) +![Datepicker without time selector](_assets/calendar/DatePicker1.calendar-en.png) ## Example XML parameter definition for an advanced DatePicker @@ -100,7 +102,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker2.calendar-en.png) +![Datepicker with time selector](_assets/calendar/DatePicker2.calendar-en.png) The format attribute specifies the format that the date string will be saved in. It is also the format that manually entered dates need to be enterered in; except that the punctuation character is ignored. The coding scheme used to diff --git a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/note.md b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/note.md index 369babeb..b9cf3efd 100644 --- a/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/note.md +++ b/versioned_docs/version-5.0/general-concepts/forms-fields/standard-fields/note.md @@ -3,6 +3,10 @@ sidebar_position: 2 title: Note Form Field --- +Note Form Field +=============== + + The **note** form field type makes it possible to create titles, texts, descriptions and even alert boxes. It also allows you to bring order in the settings for extensions, by separating them with useful titles. Or adding descriptions for certain settings (without having to rely on the tooltips). Or adding any other text you want. - **type** (mandatory) must be *note*. @@ -18,58 +22,60 @@ Implemented by: libraries/src/Form/Field/NoteField.php ## Example XML parameter definition ```xml - + /> ``` ### Title and Description In the following code examples we will use these example language strings: -```xml +```ini LOREMIPSUM="Lorem ipsum dolor sit amet" LOREMIPSUM_DESC="Consectetuer adipiscing elit, sed diam" ``` With this note field you can either use the title or the description or both. ```xml - - - - - - - + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-title-screenshot.png) +![Screenshot with title field](_assets/note/note-form-field-title-screenshot.png) ### Classes (Alerts) You can add classes to the note. In this way you can easily make (Bootstrap) alerts and also add other styling via class names (like a 'well'). ```xml - - - - - - - - - + + + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-classes-screenshot.png) + +![Screenshot with classes set](_assets/note/note-form-field-classes-screenshot.png) ### Close Button A close button can be added to the alerts by adding the close="true" attribute to the tag. If you use a class other than the alert, use the required value for the data-dismiss of the Bootstrap close icon instead of the value true. Here is the code to test the close icon on an alert. ```xml - - - + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-close-screenshot.png) + +![Screenshot with note close button](_assets/note/note-form-field-close-screenshot.png) Be aware that a closed alert/note cannot be reopened by the user without page reload. It's not a show/hide functionality. \ No newline at end of file diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg new file mode 100644 index 00000000..35c22e0d Binary files /dev/null and b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg differ diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png new file mode 100644 index 00000000..bdb670c9 Binary files /dev/null and b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png differ diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png new file mode 100644 index 00000000..a3f7284d Binary files /dev/null and b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png differ diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png new file mode 100644 index 00000000..73b8e5f5 Binary files /dev/null and b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png differ diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png new file mode 100644 index 00000000..61815635 Binary files /dev/null and b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png differ diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png new file mode 100644 index 00000000..9f5d4869 Binary files /dev/null and b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png differ diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/accessiblemedia.md b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/accessiblemedia.md index c34385a3..044b0eb9 100644 --- a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/accessiblemedia.md +++ b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/accessiblemedia.md @@ -3,6 +3,9 @@ sidebar_position: 2 title: Accessiblemedia Form Field --- +Accessiblemedia Form Field +========================== + The **accessiblemedia** form field type provides modal access to the media manager for the choice of an image (like the media field) and allows the user to specify associated Alt Text. Users with appropriate permissions will be able to upload files. - **type** (mandatory) must be *accessiblemedia*. @@ -29,7 +32,8 @@ Implemented by: libraries/src/Form/Field/AccessiblemediaField.php This will open the media manager with the directory /images/stories/ already selected. It will allow the user to select a media item and to specify the associated Alt Text. -![](\img\accessiblemedia.jpg) +![Screenshot of accessible media field with alt input field](_assets/accessiblemedia/accessiblemedia.jpg) + The one the right is an Accessible Media Field. Note that if you are using this field on the frontend then permissions restrictions are likely to be in force. If the user is not authorized to view or add media they will see an error page in the modal popup ("403 You are not authorized to view this resource."). diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/calendar.md b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/calendar.md index 615acaa8..3bb2642c 100644 --- a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/calendar.md +++ b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/calendar.md @@ -3,6 +3,8 @@ sidebar_position: 2 title: Calendar Form Field --- +Calendar Form Field +=================== The **calendar** form field type provides a text box for entry of a date. An icon next to the text box provides a link to a pop-up calendar, which can also be used to enter the date value. If the field has a saved value this is shown in @@ -74,7 +76,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker1.calendar-en.png) +![Datepicker without time selector](_assets/calendar/DatePicker1.calendar-en.png) ## Example XML parameter definition for an advanced DatePicker @@ -100,7 +102,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker2.calendar-en.png) +![Datepicker with time selector](_assets/calendar/DatePicker2.calendar-en.png) The format attribute specifies the format that the date string will be saved in. It is also the format that manually entered dates need to be enterered in; except that the punctuation character is ignored. The coding scheme used to diff --git a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/note.md b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/note.md index 369babeb..b9cf3efd 100644 --- a/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/note.md +++ b/versioned_docs/version-5.1/general-concepts/forms-fields/standard-fields/note.md @@ -3,6 +3,10 @@ sidebar_position: 2 title: Note Form Field --- +Note Form Field +=============== + + The **note** form field type makes it possible to create titles, texts, descriptions and even alert boxes. It also allows you to bring order in the settings for extensions, by separating them with useful titles. Or adding descriptions for certain settings (without having to rely on the tooltips). Or adding any other text you want. - **type** (mandatory) must be *note*. @@ -18,58 +22,60 @@ Implemented by: libraries/src/Form/Field/NoteField.php ## Example XML parameter definition ```xml - + /> ``` ### Title and Description In the following code examples we will use these example language strings: -```xml +```ini LOREMIPSUM="Lorem ipsum dolor sit amet" LOREMIPSUM_DESC="Consectetuer adipiscing elit, sed diam" ``` With this note field you can either use the title or the description or both. ```xml - - - - - - - + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-title-screenshot.png) +![Screenshot with title field](_assets/note/note-form-field-title-screenshot.png) ### Classes (Alerts) You can add classes to the note. In this way you can easily make (Bootstrap) alerts and also add other styling via class names (like a 'well'). ```xml - - - - - - - - - + + + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-classes-screenshot.png) + +![Screenshot with classes set](_assets/note/note-form-field-classes-screenshot.png) ### Close Button A close button can be added to the alerts by adding the close="true" attribute to the tag. If you use a class other than the alert, use the required value for the data-dismiss of the Bootstrap close icon instead of the value true. Here is the code to test the close icon on an alert. ```xml - - - + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-close-screenshot.png) + +![Screenshot with note close button](_assets/note/note-form-field-close-screenshot.png) Be aware that a closed alert/note cannot be reopened by the user without page reload. It's not a show/hide functionality. \ No newline at end of file diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg new file mode 100644 index 00000000..35c22e0d Binary files /dev/null and b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/accessiblemedia/accessiblemedia.jpg differ diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png new file mode 100644 index 00000000..bdb670c9 Binary files /dev/null and b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker1.calendar-en.png differ diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png new file mode 100644 index 00000000..a3f7284d Binary files /dev/null and b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/calendar/DatePicker2.calendar-en.png differ diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png new file mode 100644 index 00000000..73b8e5f5 Binary files /dev/null and b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-classes-screenshot.png differ diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png new file mode 100644 index 00000000..61815635 Binary files /dev/null and b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-close-screenshot.png differ diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png new file mode 100644 index 00000000..9f5d4869 Binary files /dev/null and b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/_assets/note/note-form-field-title-screenshot.png differ diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/accessiblemedia.md b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/accessiblemedia.md index c34385a3..044b0eb9 100644 --- a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/accessiblemedia.md +++ b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/accessiblemedia.md @@ -3,6 +3,9 @@ sidebar_position: 2 title: Accessiblemedia Form Field --- +Accessiblemedia Form Field +========================== + The **accessiblemedia** form field type provides modal access to the media manager for the choice of an image (like the media field) and allows the user to specify associated Alt Text. Users with appropriate permissions will be able to upload files. - **type** (mandatory) must be *accessiblemedia*. @@ -29,7 +32,8 @@ Implemented by: libraries/src/Form/Field/AccessiblemediaField.php This will open the media manager with the directory /images/stories/ already selected. It will allow the user to select a media item and to specify the associated Alt Text. -![](\img\accessiblemedia.jpg) +![Screenshot of accessible media field with alt input field](_assets/accessiblemedia/accessiblemedia.jpg) + The one the right is an Accessible Media Field. Note that if you are using this field on the frontend then permissions restrictions are likely to be in force. If the user is not authorized to view or add media they will see an error page in the modal popup ("403 You are not authorized to view this resource."). diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/calendar.md b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/calendar.md index 615acaa8..3bb2642c 100644 --- a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/calendar.md +++ b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/calendar.md @@ -3,6 +3,8 @@ sidebar_position: 2 title: Calendar Form Field --- +Calendar Form Field +=================== The **calendar** form field type provides a text box for entry of a date. An icon next to the text box provides a link to a pop-up calendar, which can also be used to enter the date value. If the field has a saved value this is shown in @@ -74,7 +76,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker1.calendar-en.png) +![Datepicker without time selector](_assets/calendar/DatePicker1.calendar-en.png) ## Example XML parameter definition for an advanced DatePicker @@ -100,7 +102,7 @@ Implemented by: libraries/src/Form/Field/CalendarField.php /> ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\DatePicker2.calendar-en.png) +![Datepicker with time selector](_assets/calendar/DatePicker2.calendar-en.png) The format attribute specifies the format that the date string will be saved in. It is also the format that manually entered dates need to be enterered in; except that the punctuation character is ignored. The coding scheme used to diff --git a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/note.md b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/note.md index 369babeb..b9cf3efd 100644 --- a/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/note.md +++ b/versioned_docs/version-5.2/general-concepts/forms-fields/standard-fields/note.md @@ -3,6 +3,10 @@ sidebar_position: 2 title: Note Form Field --- +Note Form Field +=============== + + The **note** form field type makes it possible to create titles, texts, descriptions and even alert boxes. It also allows you to bring order in the settings for extensions, by separating them with useful titles. Or adding descriptions for certain settings (without having to rely on the tooltips). Or adding any other text you want. - **type** (mandatory) must be *note*. @@ -18,58 +22,60 @@ Implemented by: libraries/src/Form/Field/NoteField.php ## Example XML parameter definition ```xml - + /> ``` ### Title and Description In the following code examples we will use these example language strings: -```xml +```ini LOREMIPSUM="Lorem ipsum dolor sit amet" LOREMIPSUM_DESC="Consectetuer adipiscing elit, sed diam" ``` With this note field you can either use the title or the description or both. ```xml - - - - - - - + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-title-screenshot.png) +![Screenshot with title field](_assets/note/note-form-field-title-screenshot.png) ### Classes (Alerts) You can add classes to the note. In this way you can easily make (Bootstrap) alerts and also add other styling via class names (like a 'well'). ```xml - - - - - - - - - + + + + + + + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-classes-screenshot.png) + +![Screenshot with classes set](_assets/note/note-form-field-classes-screenshot.png) ### Close Button A close button can be added to the alerts by adding the close="true" attribute to the tag. If you use a class other than the alert, use the required value for the data-dismiss of the Bootstrap close icon instead of the value true. Here is the code to test the close icon on an alert. ```xml - - - + + + ``` -![](D:\Mark\Documents\GitHub\DevelopersManual\static\img\screenshots\note-form-field-close-screenshot.png) + +![Screenshot with note close button](_assets/note/note-form-field-close-screenshot.png) Be aware that a closed alert/note cannot be reopened by the user without page reload. It's not a show/hide functionality. \ No newline at end of file