*

Author: ajhuh-mdb

source/export-query-to-language.txt

@@ -14,47 +14,56 @@ and use |compass| queries in your application.
 Procedure
 ---------
 
-1. After constructing a query in the
-   :ref:`query bar <compass-query-bar>`, click :icon-mms:`ellipsis` to
-   the right of the :guilabel:`Reset` button.
-
-#. Click the :guilabel:`Export to Language` button ``</>``:
-
-   .. figure:: /images/querybar/export-query-to-language-menu-option.png
-      :figwidth: 696px
-      :alt: Query bar export dropdown menu
-
-#. In the :guilabel:`Export Query To:` dropdown, select your desired
-   language:
-
-   .. figure:: /images/querybar/export-query-to-language-select.png
-      :figwidth: 600px
-      :alt: Query bar language select
-
-   The :guilabel:`My Query` pane on the left displays your query in
-   :binary:`~mongosh` syntax.
-
-   The pane to the right displays your query in the language selected.
-
-#. *(Optional)*: Check the :guilabel:`Include Import Statements` option
-   to include the required import statements for the language selected.
-
-#. *(Optional)*: Check the :guilabel:`Include Driver Syntax` option
-   to include application code for the language selected. If you 
-   include driver syntax, the copyable code reflects
-   :ref:`project <compass-query-bar-project>`, :ref:`sort <compass-query-bar-sort>`, 
-   :ref:`maxtimems <compass-query-bar-max-time-ms>`, 
-   :ref:`collation <compass-query-bar-collation>`, :ref:`skip <compass-query-bar-skip>` 
-   and :ref:`limit <compass-query-bar-limit>` options.
-
-#. Click :icon-fa5:`copy` at the top-right of the formatted
-   query to copy the query for the selected language to your clipboard.
-   You can now easily integrate and execute your created query in
-   your application.
+.. procedure:: 
+   :style: normal
+
+   .. step:: Click the Export to Language button 
+
+      In the query bar, click the ``</>`` icon to open the query export card. 
+
+      .. figure:: /images/querybar/export-query-to-language-menu-option.png
+         :figwidth: 696px
+         :alt: Query bar export dropdown menu
+         
+   .. step:: Select your export language
+
+      On the right side of the card, click the drop-down menu under 
+      :guilabel:`Exported Query` and select your desired programming language.
+      
+      The :guilabel:`My Query` pane on the left of the export card displays your 
+      pipeline in :binary:`~mongosh` syntax. The :guilabel:`Exported Query` pane 
+      to the right displays your pipeline in the selected programming language.
+
+      .. figure:: /images/querybar/export-query-to-language-select.png
+         :figwidth: 600px
+         :alt: Query bar language select
+            
+   .. step:: *(Optional)* Include import statements 
+      
+      Click the :guilabel:`Include Import Statements` checkbox to include the 
+      required import statements for the selected programming language.
+      
+   .. step:: *(Optional)* Include driver syntax
+      
+      Click the :guilabel:`Include Driver Syntax` checkbox to include 
+      application code for the selected programming language. If you include 
+      driver syntax, the copyable code reflects :ref:`project 
+      <compass-query-bar-project>`, :ref:`sort <compass-query-bar-sort>`, 
+      :ref:`maxtimems <compass-query-bar-max-time-ms>`, :ref:`collation 
+      <compass-query-bar-collation>`, :ref:`skip <compass-query-bar-skip>`, and 
+      :ref:`limit <compass-query-bar-limit>` options.
+      
+   .. step:: Click :icon-fa5:`copy`
+      
+      Click the :icon-fa5:`copy` icon at the top-right corner of the formatted
+      query to copy the query for the selected language to your clipboard. You 
+      can now integrate and execute your created query in your application.
 
    .. figure:: /images/querybar/export-query-python-driver-syntax-copied.png
       :figwidth: 600px
       :alt: Copy button clicked in Export Query to Language modal
 
-#. Click :guilabel:`Close` to return to the
-   :ref:`Documents Tab <compass-documents>`.
+Learn More 
+----------
+
+- :ref:`compass-export-agg-builder-results`