Merge pull request #9298 from marmelab/Doc-Improve-tutorial-screencast

[Doc] Improve tutorial screencast
marmelab · Sep 20, 2023 · 0632855 · 0632855
2 parents 0439caf + 3bc776f
commit 0632855
Show file tree

Hide file tree

Showing 6 changed files with 3 additions and 3 deletions.
diff --git a/docs/ReferenceOneInput.md b/docs/ReferenceOneInput.md
@@ -240,6 +240,7 @@ Name of the field carrying the relationship on the referenced resource. For inst
 
 In this example, the `<TextInput>` component is wrapped inside a `<MyCustomInput>` component. That adds an icon and additional styling.
 
+{% raw %}
 ```tsx
 import AccountCircle from '@mui/icons-material/AccountCircle';
 import AutoStoriesIcon from '@mui/icons-material/AutoStories';
@@ -279,6 +280,7 @@ export const CustomInputs = () => (
     </ReferenceOneInput>
 );
 ```
+{% endraw %}
 
 ![ReferenceOneInput with custom inputs](https://marmelab.com/ra-enterprise/modules/assets/ra-relationships/latest/reference-one-input-custom-inputs.png)
 

diff --git a/docs/Tutorial.md b/docs/Tutorial.md
@@ -9,8 +9,7 @@ This 30 minutes tutorial will expose how to create a new admin app based on an e
 
 Here is an overview of the result:
 
-<video controls autoplay playsinline muted loop>
-  <source src="./img/tutorial_overview.webm" type="video/webm"/>
+<video controls autoplay playsinline muted loop poster="./img/tutorial_overview.png">
   <source src="./img/tutorial_overview.mp4" type="video/mp4"/>
   Your browser does not support the video tag.
 </video>
@@ -874,7 +873,6 @@ The first filter, 'q', takes advantage of a full-text functionality offered by J
   Your browser does not support the video tag.
 </video>
 
-
 Filters are "search-as-you-type", meaning that when the user enters new values in the filter form, the list refreshes (via an API request) immediately.
 
 **Tip**: Note that the `label` property can be used on any input to customize its label.

diff --git a/docs/img/tutorial_overview.gif b/docs/img/tutorial_overview.gif
diff --git a/docs/img/tutorial_overview.mp4 b/docs/img/tutorial_overview.mp4
diff --git a/docs/img/tutorial_overview.png b/docs/img/tutorial_overview.png
diff --git a/docs/img/tutorial_overview.webm b/docs/img/tutorial_overview.webm