suggestions from Vivek

Author: emgrol

powerapps-docs/cards/make-a-card/connectors/connector-intro.md

@@ -33,7 +33,7 @@ To access connectors in card:
 1. On the left, select **Cards** and select the card you want to test add a connector to.
 1. On the left, select **Data**. Then select **+ Add data**.
 
-    :::image type="content" source="../../media/connector-intro/add-data-___location.png" alt-text="Screenshot of + Add data menu":::
+    :::image type="content" source="../../media/connector-intro/add-data-___location.png" alt-text="Screenshot of + Add data menu" border="true":::
 
     You'll then be able to add a data source and see all available connectors.
 

powerapps-docs/cards/make-a-card/designer-overview.md

@@ -33,15 +33,15 @@ To get to the designer, take the following steps:
    1. To create a new card, select **Cards** then **Create**.
    1. To see all current cards, select **Cards** then **Cards**
 
-      :::image type="content" source="../media/designer-overview/create-new-card.png" alt-text="Screenshot showing card creation screen." border="false":::
+      :::image type="content" source="../media/designer-overview/create-new-card.png" alt-text="Screenshot showing card creation screen." border="true":::
 
 1. Select the **+ Create a card** to start building your own card.
 
 ## What's in the designer?
 
 The designer is made up of the following elements:
 
-:::image type="content" source="../media/designer-overview/designer-elements.png" alt-text="Screenshot of Card Designer with elements highlighted." border="false":::
+:::image type="content" source="../media/designer-overview/designer-elements.png" alt-text="Screenshot of Card Designer with elements highlighted." border="true":::
 
 1. Main menu
 1. Tool pane

powerapps-docs/cards/make-a-card/screens/use-screens.md

@@ -21,7 +21,7 @@ Cards can have multiple screens. Each screen can show a different user interface
 
 You can view the screens in your card and change properties of each screen using the tree view in the Card Designer.
 
-   :::image type="content" source="../../media/make-a-card/cards-tree-view.png" alt-text="Screenshot of tree view in Card Designer." border="false":::
+   :::image type="content" source="../../media/make-a-card/cards-tree-view.png" alt-text="Screenshot of tree view in Card Designer." border="true":::
 
 ## Make a new screen
 
@@ -37,13 +37,13 @@ To show screens from other cards, use the **Show Screen** button.
 1. Go to **Type** in the Properties pane on the right. Select the drop-down and change the **Type** to **Show Screen**.
 1. **ShowCard** will appear on the right. Set **Screen** to the screen you want to show and set **Title** to the text to display on your button.
 
-   :::image type="content" source="../../media/make-a-card/show-card-properties.png" alt-text="Screenshot of ShowCard options." border="false":::
+   :::image type="content" source="../../media/make-a-card/show-card-properties.png" alt-text="Screenshot of ShowCard options." border="true":::
 
     In the example above, this button will show the `NameScreen` screen when a user selects the button titled "Say Goodbye".
 
     Now, the screen will appear when you test your card and select the button. The example below shows how the screen appears after adding an example button to the [simple card tutorial](../../tutorials/hello-world-card.md) card.
 
-   :::image type="content" source="../../media/make-a-card/screen-example.png" alt-text="Screenshot of an example screen in a card." border="false":::
+   :::image type="content" source="../../media/make-a-card/screen-example.png" alt-text="Screenshot of an example screen in a card." border="true":::
 
 Repeat this process as many times as needed to create more screens.
 

powerapps-docs/cards/make-a-card/testing/debugging-cards.md

@@ -34,13 +34,13 @@ To access the Play page:
 1. On the left select **Cards** to see all of your cards. Select the card you want to test and debug.
 1. Select the **Play** button at the top of the page. A new window will appear with the Play page.
 
-   :::image type="content" source="../../media/debugging-cards/play-button-in-designer.png" alt-text="Screenshot of the **Play** button in the Card Designer":::
+   :::image type="content" source="../../media/debugging-cards/play-button-in-designer.png" alt-text="Screenshot of the **Play** button in the Card Designer" border="true":::
 
 ## **Play** page components
 
 The **Play** page is made up of the following components:
 
-   :::image type="content" source="../../media/debugging-cards/play-page-elements.png" alt-text="Screenshot of the Play page elements":::
+   :::image type="content" source="../../media/debugging-cards/play-page-elements.png" alt-text="Screenshot of the Play page elements" border="true":::
 
 1. Card title - The title of the card
 1. View mode - Switch between light and dark modes to see how cards looks in different environments.
@@ -56,15 +56,15 @@ Try interacting with your card. In the example below, the **Say Hello** button i
 
 Before interacting with the card:
 
-:::image type="content" source="../../media/debugging-cards/card-before-interaction.png" alt-text="Screenshot of the card before interacting with it":::
+:::image type="content" source="../../media/debugging-cards/card-before-interaction.png" alt-text="Screenshot of the card before interacting with it" border="true":::
 
 After interacting with the card:
 
-:::image type="content" source="../../media/debugging-cards/card-after-interaction.png" alt-text="Screenshot of the card after interacting with it":::
+:::image type="content" source="../../media/debugging-cards/card-after-interaction.png" alt-text="Screenshot of the card after interacting with it" border="true":::
 
 You can also change the **View** button on the **Play** page to switch between light and dark modes. The example below is the same card in dark mode:
 
-:::image type="content" source="../../media/debugging-cards/dark-mode-card.png" alt-text="Screenshot of the card in dark mode":::
+:::image type="content" source="../../media/debugging-cards/dark-mode-card.png" alt-text="Screenshot of the card in dark mode" border="true":::
 
 If you encounter issues while testing your card, use the [Debug](#debug-your-card) panel to try and fix them.
 
@@ -80,7 +80,7 @@ The **Memory** section lets you see variables stored in memory and how your card
 
 The example below shows that the user input stored in `UserAnswer` has the same value as the assigned variable `UserName` used in the card.
 
-:::image type="content" source="../../media/debugging-cards/memory-example.png" alt-text="Screenshot of the Memory section in the Debug panel":::
+:::image type="content" source="../../media/debugging-cards/memory-example.png" alt-text="Screenshot of the Memory section in the Debug panel" border="true":::
 
 If you're encountering issues with memory, check your variable names and any related Power Fx formulas used in your card.
 

powerapps-docs/cards/make-a-card/ui-elements/controls.md

@@ -27,7 +27,7 @@ Controls are the building blocks for designing your card's interface and functio
 
 To access card controls, go to [Power Apps](https://powerapps.microsoft.com/), select **Cards** and a card to edit, and then select **Insert**.
 
-   :::image type="content" source="../../media/make-a-card/insert-menu.png" alt-text="Screenshot of the Insert menu Card Designer." border="false":::
+   :::image type="content" source="../../media/make-a-card/insert-menu.png" alt-text="Screenshot of the Insert menu Card Designer." border="true":::
 
 There you'll see the following control categories:
 
@@ -84,4 +84,4 @@ Data binding is used to repeat controls for a table variable using the **Repeat
 
 For example, if you have a table named `fruits` bound to the array `["apples", "oranges", "pears"]`, you can add a text label control and set its **Repeat for every** property to `fruits` and the **Text** property to `ThisItem`. When played, the card will show three text labels with each of the strings in the table.
 
-   :::image type="content" source="../../media/make-a-card/cards-data-binding.png" alt-text="Screenshot of tree view in Card Designer." border="false":::
+   :::image type="content" source="../../media/make-a-card/cards-data-binding.png" alt-text="Screenshot of tree view in Card Designer." border="true":::

powerapps-docs/cards/make-a-card/ui-elements/use-buttons.md

@@ -1,5 +1,5 @@
 ---
-title: Add buttons
+title: Add buttons (Preview)
 description: Learn how to build a card with buttons.
 ms.date: 09/20/2022
 ms.topic: article
@@ -11,7 +11,9 @@ ms.custom:
 ms.collection: 
 ---
 
-# Add buttons
+# Add buttons (Preview)
+
+[!INCLUDE[cards_preview_notice](../includes/preview-include.md)]
 
 Buttons are a type of control that let users perform actions in cards. They're a visual interface that makes it easy for users to do things with cards without entering any input aside from a click.
 
@@ -33,11 +35,11 @@ Buttons can do one of four things:
 1. Go to [Power Apps](https://powerapps.microsoft.com/). Select **Cards (Preview)** and then the card you want add a button to.
 1. Select **+ Insert** on the left. Then select **Button** to add a button to your card.
 
-    :::image type="content" source="../../media/use-buttons/add-button.png" alt-text="Screenshot of Button in Insert menu":::
+    :::image type="content" source="../../media/use-buttons/add-button.png" alt-text="Screenshot of Button in Insert menu" border="true":::
 
 1. Now that the button is on your card, you can edit its properties. At a minimum, choose a button **Type** and add a button **Title** to display on the card, as shown below.
 
-    :::image type="content" source="../../media/use-buttons/button-title.png" alt-text="Screenshot of button title change":::
+    :::image type="content" source="../../media/use-buttons/button-title.png" alt-text="Screenshot of button title change" border="true":::
 
 ### Button type
 
@@ -73,4 +75,3 @@ Set the **Type** to **Open Url** and then enter a **Url**. When the user selects
 The **Toggle Visibility** button shows or hides other controls in the card.
 
 Set the **Type** to **Toggle Visibility**. Then select the **Target Elements** pane and select **+ Add new**. Enter the **ElementID** and toggle the **Visibility** property to make the element visible or invisible. Add as many elements as you want to toggle the visibility of.
-

powerapps-docs/cards/make-a-card/variables/variables.md

@@ -1,5 +1,5 @@
 ---
-title: Use variable
+title: Use variables (Preview)
 description: Learn about storing data in variables
 ms.date: 09/20/2022
 ms.topic: article
@@ -11,7 +11,9 @@ ms.custom:
 ms.collection: 
 ---
 
-# Variables
+# Variables (Preview)
+
+[!INCLUDE[cards_preview_notice](../includes/preview-include.md)]
 
 Variables are used to store data within the context of a card. That data can be of different types like table, text, or a number. The value can also be temporary, where it resets for every card session, or permanent, where it is shared across all sessions for a specific card instance. Variables have unique names, which is how they are referenced in [formulas](../../make-a-card/power-fx/intro-to-pfx.md).
 
@@ -31,7 +33,7 @@ To add variables in cards, do the following.
 1. On the left, select **Cards** and select the card you want to test add a connector to.
 1. On the left, select **Variables**. Then select **+ New variable**.
 
-    :::image type="content" source="../../media/variables/new-variable.png" alt-text="Screenshot of the + Add variable button":::
+    :::image type="content" source="../../media/variables/new-variable.png" alt-text="Screenshot of the + Add variable button" border="true":::
 
 1. The **New variable** window will appear. Set the following values:
     - **Name**: the name of your variable.
@@ -46,7 +48,7 @@ To add variables in cards, do the following.
 
 If you want to to edit or delete a variable, select the three dots next to the variable and choose the option that works for you.
 
-:::image type="content" source="../../media/variables/edit-delete-variable.png" alt-text="Screenshot of the Edit and Delete variable button":::
+:::image type="content" source="../../media/variables/edit-delete-variable.png" alt-text="Screenshot of the Edit and Delete variable button" border="true":::
 
 >[!NOTE]
 > After creation, the variable **Name** and **Type** cannot be edited. If you need to change these values, create a new variable.
@@ -57,4 +59,4 @@ There are a variety of ways to use variables in cards. The most common option is
 
 To use variables in Power Fx expressions simply add the variable name to your formula. For an example, see the [simple card tutorial](../../tutorials/hello-world-card.md). Your variables should be recognized in the formula bar as well, shown below:
 
-:::image type="content" source="../../media/variables/formula-bar-example.png" alt-text="Screenshot of auto-filling variable name in formula bar button":::
+:::image type="content" source="../../media/variables/formula-bar-example.png" alt-text="Screenshot of auto-filling variable name in formula bar button" border="true":::

powerapps-docs/cards/overview.md

@@ -13,10 +13,6 @@ ms.collection:
 
 # What are cards?
 
-> [!IMPORTANT]
-> This is a preview feature.
-> [!INCLUDE[cc_preview_features_definition](../includes/cc-preview-features-definition.md)]
-
 Cards are a low-code capability of Power Apps that let you design, send, and use cards. Cards are micro-apps with embedded enterprise data and workflows that can be sent as content in other applications.
 
 Use the Power Apps guided and visual interface to create cards to optimize and automate business tasks. Use them to create actionable scenarios with interactive, data-driven, lightweight UI elements; then, make them available for other people to use.
@@ -25,13 +21,17 @@ As a part of the Power Apps ecosystem, cards add business logic through Power Fx
 
 Using cards, you can quickly build, manage, and share rich, actionable UI cards without any coding or IT expertise.
 
+> [!IMPORTANT]
+> This is a preview feature.
+> [!INCLUDE[cc_preview_features_definition](../includes/cc-preview-features-definition.md)]
+
 ## Get started with cards
 
-Cards are available to makers as a part of Power Apps. You can sign into the [Power Apps maker portal](https://make.powerapps.com) and create your card with a few clicks; there are no complex systems or services to deploy and maintain.
+Cards are available to makers as a part of Power Apps. You can sign into [Power Apps](https://make.powerapps.com) and create your card with a few clicks; there are no complex systems or services to deploy and maintain.
 
-To create a card, go to [Power Apps maker portal](https://make.powerapps.com) and select **Cards (preview)** then **+ Create a card**.
+To create a card, go to [Power Apps](https://make.powerapps.com) and select **Cards (preview)** then **+ Create a card**.
 
-:::image type="content" source="media/overview/cards-get-started.png" alt-text="Screenshot of the card create page." border="false":::
+:::image type="content" source="media/overview/cards-get-started.png" alt-text="Screenshot of the card create page." border="true":::
 
 There are two key parts of any card:
 
@@ -43,27 +43,27 @@ There are two key parts of any card:
 
 Use the drag-and-drop designer to create a card consisting of buttons, tables, text, images, checkboxes, input fields, containers, and a variety of other types of elements, all without writing any code.
 
-:::image type="content" source="media/overview/cards-designer-get-started.png" alt-text="Screenshot of the card designer." border="false":::
+:::image type="content" source="media/overview/cards-designer-get-started.png" alt-text="Screenshot of the card designer." border="true":::
 
 ### Add data and connect to services with connectors
 
 Add Power Platform connectors to work with enterprise data and invoke cloud-based functions safely and securely in your cards.
 
 Each card securely handles tokens for each participant in the card transaction, enabling data-rich and powerful scenarios that respect security boundaries within an organization.
 
-:::image type="content" source="media/overview/cards-add-data.png" alt-text="Screenshot of the card designer with connectors." border="false":::
+:::image type="content" source="media/overview/cards-add-data.png" alt-text="Screenshot of the card designer with connectors." border="true":::
 
 ### Build business logic with actions and calculations
 
 Use Power Fx to add inline calculations and dynamic actions to cards. Create powerful actions, including data operations, and assign them to interactive UI elements in the card.
 
-:::image type="content" source="media/overview/placeholder-cards-power-fx.png" alt-text="Screenshot of the card designer with Power Fx logic." border="false":::
+:::image type="content" source="media/overview/placeholder-cards-power-fx.png" alt-text="Screenshot of the card designer with Power Fx logic." border="true":::
 
 ## Post cards on Teams
 
 Post cards on Teams to share them with other people by using the **Send** button in the Designer and copying the link into a Teams chat or channel.
 
-:::image type="content" source="media/overview/placeholder-cards-play-page.png" alt-text="Screenshot of the card designer Play page." border="false":::
+:::image type="content" source="media/overview/placeholder-cards-play-page.png" alt-text="Screenshot of the card designer Play page." border="true":::
 
 ## Lightweight runtime