Adding TTT Vids

Author: robinsowell

docs/control-panel/channels.md

@@ -150,6 +150,12 @@ The Publish/Edit page can be customized, with the layout saved per member role,
 
 **Control Panel Location: `Developer > Channels > Layouts > New/Edit`**
 
+Tip: Side by Side Fields Using Layouts
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/B7HvEKOF7gU?si=y4q_45V1bcZIEKa_" title="Side by Side Field Layout in ExpressionEngine" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
+
 This section of the control panel is where channel layouts are created or edited.
 
 Editors in a member role will see the Publish / Edit entry page in accordance with the assigned publish layout for that channel.

docs/control-panel/field-manager/field-manager-settings.md

@@ -17,10 +17,16 @@ This section of the Control Panel is where custom fields are created, edited and
 
 ![](_images/cp-field-manager.png)
 
+Tip: How to Find Where a Field Is Used
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/vXbm9aoOQXU?si=VoUJjU-9gvsNKHT7" title="How to Determine Where Channel Fields are Used in ExpressionEngine" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
 ## Create/Edit Field
 
 **Control Panel Location: `Developer > Fields > New/Edit Field`**
 
+
 This section of the control panel allows you to create and edit [Fields](/fieldtypes/overview.md) to be used in channel entries.
 
 Visit the [**Create/Edit Field**](control-panel/field-manager/edit-field.md) page for detailed information.
@@ -34,6 +40,12 @@ This section allows you to create and edit field groups. Field Groups are collec
 
 The field group details and assigned fields can be edited by clicking pencil icon next to field group name.
 
+Tip: An Overlooked Way to Order Fields
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/V19lwKciDDU?si=kbmd8xvwT2YjlZb0" title="An Overlooked Way to Order Fields" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
+
 Clicking on the group name will show the list of fields assigned to this group.
 
 Fields groups have following properties:

docs/control-panel/file-manager/file-edit.md

@@ -57,4 +57,9 @@ Note that the changes will only be applied when you save the changes. Only one t
 
 ## File Usage
 
+Tip: How to Find Where a File is Used
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/Mydsecio160?si=whTT7Vc-vqctsH2Y" title="How to find out where a file is used in ExpressionEngine" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
 This tab shows the list of entries where the file is being used in fieldtype (File, File Grid, Fluid, Textarea, RTE) and categories where the file is being used as a Category Image.

docs/control-panel/file-manager/file-manager.md

@@ -184,6 +184,11 @@ WARN:**Note** that exporting can be time and resource consuming.
 
 WARN:**Note:** Compatibility Mode is enabled by default for sites upgraded from older ExpressionEngine versions.
 
+Tip: How to Turn off File Manager Compatibility Mode
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/V1sRqz-b83k?si=0YrmOgxxcfhbWl_L" title="Turn off File Manager Compatibility Mode in ExpressionEngine" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
 ExpressionEngine 7+ stores files in the database differently then previous versions (using `{file:XX:url}` format instead of `{filedir_X}filename.ext`). This enables ExpressionEngine to provide a more powerful overall experience with files, such as storing files in subfolders, moving files to different locations, and collecting file usage data.
 
 ExpressionEngine will still parse the `{filedir_X}` tags in templates or channel entries. However, third-party add-ons that parse file data on their own may not be compatible with the `{file:XX:url}` syntax, causing issues. In order to prevent a bad user experience, users can enable Compatibility Mode for the sites that are upgraded from earlier versions. If you know all installed add-ons are compatible with the new file format, you can run the Update File Usage (found in Tools-> Utilities-> Update File Usage) and then disable Compatibility Mode from the [Content & Design settings](/control-panel/settings/content-design.md#run-file-manager-in-compatibility-mode).

docs/control-panel/member-profile.md

@@ -138,4 +138,9 @@ Each member may also specify their own HTML Formatting buttons. These buttons ar
 
 **Control Panel Location: `Members > Profile > Quick Links`**
 
+Tip: What are Quick Links
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/8M_ezoBrz2g?si=6Qdssal6Aq5AeV23" title="What are Quick Links in ExpressionEngine" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
 Use this page to add personal links to the quick links menu in the control panel nav bar. These links will be visible only to you.

docs/control-panel/settings/branding.md

@@ -13,6 +13,11 @@
 
 ![Pro Branding Settings](/_images/pro_branding_settings.png)
 
+Tip: Add Branding to your ExpressionEngine Install
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/5tfVPzDGNOU?si=M4J3crYGfqrOavWZ" title="Add Branding to your ExpressionEngine Install" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
 ## **Logo to show on login screen**
 This settings allows you to upload an image that will be shown when users log in to the control panel. The recommendation is that the image is no more than 400px in width.
 

docs/fieldtypes/grid.md

@@ -35,6 +35,11 @@ Enables moving the Grid rows with drag & drop to change the order
 
 #### Grid layout
 
+Tip: Grid Field Layout
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/g_-XvAR_OFI?si=wEWXAANYks-7FJqB" title="Setting Grid field to Horizontal or Vertical in ExpressionEngine" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
 **Auto (default)** - the fields within the grid will be placed in a horizontal row on bigger screens, and stacked vertically on smaller screens or when there is not enough space on the page.
 
 **Vertical layout** - The fields within the grid will always be stack vertically on the publish form.

docs/installation/best-practices.md

@@ -30,6 +30,11 @@ $system_path = './dazzle';
 
 ## Moving the System Directory Above Webroot
 
+Tip: System Directory Above Webroot
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/aj4_JzdiNwY?si=SNKpm0sXpdTMfX3-" title="System Directory Above Webroot in ExpressionEngine" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
+
 This is a more advanced procedure that provides even better security, but is not supported in all environments.
 
 1.  FTP to your server and move the entire system folder above webroot, but still within your user's account folder.

docs/msm/overview.md

@@ -35,7 +35,10 @@ Available settings for a site are:
 - **Description**: A brief description of this site.
 - **Color coding for the site**: Allows for applying a custom color to the top of the control panel’s sidebar when the site is selected as the current site in the control panel.
 
-![color code site](/_images/msm_color_code_site.png)
+Tip: Color-Coding MSM Sites
+<div class="video-wrapper">
+<iframe src="https://www.youtube.com/embed/Wp47a0PofLU?si=-0ox0OSj37V5EcFv" title="Color-Coding MSM Sites in ExpressionEngine" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+</div>
 
 ## Setting Up Multiple Sites