DS-253 Clean up and replace duplicated content with readfile

content/en/docs/user-documentation/layout-builder/accordion/_index.md

@@ -9,9 +9,7 @@ description: Expandable pairs of question/answer or header/section fields.
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Accordion Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Accordion Desktop.png>)
 
-To use the Accordion block:
-
-- Click the **Layout** tab at the top of your page **Accordion**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -20,6 +18,4 @@ Fill in the content fields:
   - **Title**: The heading that will be used to expand/contract the accordion.
   - **Body**: The content of the accordion.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/cards/_index.md

@@ -11,9 +11,7 @@ The Cards block is similar to the [Grid CTA](../grid-cta) block, but has more fi
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Cards Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Cards Desktop.png>)
 
-To use the Cards block:
-
-- Click the **Layout** tab at the top of your page **Cards**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -29,6 +27,4 @@ Fill in the content fields:
   - **Topic Tag**: This is displayed at the top of the card and can be used to group cards visually.
   - **CTA**: A link at the bottom of the card.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/carousel/_index.md

@@ -9,9 +9,7 @@ description: A full-width display with multiple sets of a header, description, a
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Carousels Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Carousels Desktop.png>)
 
-To use the Carousel block:
-
-- Click the **Layout** tab at the top of your page **Carousel**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -24,6 +22,4 @@ Fill in the content fields:
   - **Description**
   - **CTA**: A link at the bottom of the carousel item.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/grid-cta/_index.md

@@ -11,9 +11,7 @@ The Grid CTA block is similar to the [Cards](../cards) block, but allows for mor
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Grid Content Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Grid Content Desktop.png>)
 
-To use the Grid CTA block:
-
-- Click the **Layout** tab at the top of your page **Grid CTA**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -28,6 +26,4 @@ Fill in the content fields:
   - **Grid item media**: Chose from the library or add a new image or icon to be displayed above the item text.
   - **Grid item CTA**: A link at the bottom of the item.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/hero-banner/_index.md

@@ -9,9 +9,7 @@ description: A full-width, almost full-height display with a header, description
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Hero Banner Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Hero Banner Desktop.png>)
 
-To use the Hero Banner block:
-
-- Click the **Layout** tab at the top of your page **Hero Banner**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -21,6 +19,4 @@ Fill in the content fields:
 - **Media**: Chose from the library or add a new image or icon to be displayed behind the banner text.
 - **CTA/Link**: A link at the bottom of the banner text.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/modal/_index.md

@@ -16,13 +16,11 @@ description: A simple pop-up dialog that is triggered when a page loads.
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Modals Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Modals Desktop.png>)
 
-To use the Modal block:
+{{< readfile "../lb-add-block.partial" >}}
 
-- Click the **Layout** tab at the top of your page
-- Scroll to the location on the page where you want to add a block
-- Click **Add block**
-- In the sidebar, click **Create custom block**
-- Choose **Modal**
+{{% alert color=warning title=Note: %}}
+The position on the page does not matter for the Modal block. It will always display as a popup in the center of the page and be completely hidden when dismissed.
+{{% /alert %}}
 
 Fill in the content fields:
 
@@ -32,6 +30,4 @@ Fill in the content fields:
 - **Modal CTA/Link** (required): A link at the bottom of the popup.
 - **Modal Dismissible**: If "Yes" the modal will be shown to the user once on first load. If "No" the modal will be shown on every page load.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/partners/_index.md

@@ -28,5 +28,4 @@ Fill in the content fields:
   - **Image**: The logo or image.
   - After filling in the fields for an item, click **Create custom block** to save the item.
 
-
 {{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/ping-pong/_index.md

@@ -9,13 +9,7 @@ description: Usually paired sets of full-width page components that include medi
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Ping Pong Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Ping Pong Desktop.png>)
 
-To use the Ping-Pong block:
-
-- Click the **Layout** tab at the top of your page
-- Scroll to the location on the page where you want to add a block
-- Click **Add block**
-- In the sidebar, click **Create custom block**
-- Choose  **Ping-Pong**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -28,6 +22,4 @@ Fill in the content fields:
 - **Item image position**: Places the image on the left/right side of the page in full-width (desktop) displays. 
 - **Item CTA/Link**: Add up to two links. The first will be displayed with "primary" (solid) styling, the second will be "secondary" (outline) styling.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/promo-card/_index.md

@@ -9,13 +9,7 @@ description: A title, headline, description, and link that usually display in th
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Promo Cards Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Promo Cards Desktop.png>)
 
-To use the Promo Card block:
-
-- Click the **Layout** tab at the top of your page
-- Scroll to the location on the page where you want to add a block
-- Click **Add block**
-- In the sidebar, click **Create custom block**
-- Choose  **Promo Card**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -25,6 +19,4 @@ Fill in the content fields:
 - **Icon/Image**: Chose from the library or add a new icon or image to be displayed above the card text.
 - **CTA**: A link at the bottom of the card.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/simple-menu/_index.md

@@ -9,16 +9,12 @@ description: A simple 1-level sidebar menu that can display in either the right
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Simple Menu Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Simple Menu Desktop.png>)
 
-To use the Simple Menu block:
-
-- Click the **Layout** tab at the top of your page **Simple Menu**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
 - **Title** (required): Displayed if **Display title** is checked, otherwise this is for administrative use.
 - **Icon**: Optional icon (or small image) to be displayed to the left of the menu title.
 - **Links**: An unlimited number of internal or external links.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/statistics/_index.md

@@ -9,13 +9,7 @@ description: Infographic-like display that highlights relevant statistics to use
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Statistics Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Statistics Desktop.png>)
 
-To use the Statistics block:
-
-- Click the **Layout** tab at the top of your page
-- Scroll to the location on the page where you want to add a block
-- Click **Add block**
-- In the sidebar, click **Create custom block**
-- Choose  **Statistics**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -30,6 +24,4 @@ Fill in the content fields:
 
 Add an image or change the color of the block using the [Styles tab](../advanced-options).
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/table/_index.md

@@ -11,13 +11,7 @@ The Table block also allows users to add simple content to the Landing Page (Lay
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Tables Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Tables Desktop.png>)
 
-To use the Table block:
-
-- Click the **Layout** tab at the top of your page
-- Scroll to the location on the page where you want to add a block
-- Click **Add block**
-- In the sidebar, click **Create custom block**
-- Choose  **Table**
+{{< readfile "../lb-save-block.partial" >}}
 
 Fill in the content fields:
 
@@ -28,6 +22,4 @@ Fill in the content fields:
   - To add a table in the editor, click the **Table** icon, then configure the table options in the popup. ![A screenshot of the table icon and properties popup.](lb_table_icon.png)
   - To edit an existing table properties, right click in the table and then choose an option from the menu. ![A screenshot of the table operations menu.](lb_table_menu.png)
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/tabs/_index.md

@@ -9,13 +9,7 @@ description: Gives users the ability to switch page views by selecting in-page t
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Tabs Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Tabs Desktop.png>)
 
-To use the Tabs block:
-
-- Click the **Layout** tab at the top of your page
-- Scroll to the location on the page where you want to add a block
-- Click **Add block**
-- In the sidebar, click **Create custom block**
-- Choose  **Tabs**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -26,6 +20,4 @@ Fill in the content fields:
   - **Title**: The heading that will be used to select the tab.
   - **Body**: The content of the tab.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}

content/en/docs/user-documentation/layout-builder/webform/_index.md

@@ -9,13 +9,7 @@ description: Embed an existing webform on a page.
 
 **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Webforms Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Webforms Desktop.png>)
 
-To use the Webform block:
-
-- Click the **Layout** tab at the top of your page
-- Scroll to the location on the page where you want to add a block
-- Click **Add block**
-- In the sidebar, click **Create custom block**
-- Choose  **Webform**
+{{< readfile "../lb-add-block.partial" >}}
 
 Fill in the content fields:
 
@@ -25,6 +19,4 @@ Fill in the content fields:
 - **Webform** (required): Choose the Webform to embed on the page from the list of existing forms.
   - Expand **Webform settings** to access additional webform configuration, to open, close, or schedule the form.
 
-Then save the block:
-
-- Click **Add block** in the editing pane.
+{{< readfile "../lb-save-block.partial" >}}