(DOCSP-32354): Add Atlas UI steps to Query for Null or Missing Fields page (#4804) (#4891)

* Add Atlas UI steps to page

* copy review feedback

* Use new includes files

Author: davidhou17

source/reference/operator/query.txt

@@ -26,7 +26,7 @@ Compatibility
 
    You can use operators when querying your data
    with :binary:`~bin.mongosh` methods, the 
-   :atlas:`Atlas UI </atlas/atlas-ui/>`, or :compass:`Compass </>`.
+   :atlas:`Atlas UI </atlas-ui/>`, or :compass:`Compass </>`.
 
 .. _query-selectors:
 

source/tutorial/query-for-null-fields.txt

@@ -14,14 +14,14 @@ Query for Null or Missing Fields
    :backlinks: none
    :depth: 1
 
-----------
+You can query for ``null`` or missing fields in MongoDB 
+using the following methods:
 
-.. |arrow| unicode:: U+27A4
+.. |atlas-ref| replace:: :ref:`query-null-documents-atlas-ui`
 
-|arrow| Use the **Select your language** drop-down menu in the
-upper-right to set the language of the following examples.
+.. include:: /includes/fact-methods.rst
 
-----------
+.. include:: /includes/language-selector-instructions.rst
 
 .. tabs-selector:: drivers
 
@@ -357,3 +357,68 @@ The query only returns the document that does *not* contain the
 .. [#type0]
 
    .. include:: /includes/extracts/4.2-changes-type-0.rst
+
+.. _query-null-documents-atlas-ui:
+
+Query for Null or Missing Fields with {+atlas+}
+----------------------------------------------------
+
+The example in this section uses the :atlas:`sample training dataset 
+</sample-data/sample-training/>`. To learn how to load the sample dataset 
+into your {+atlas+} deployment, see :atlas:`Load Sample Data 
+</sample-data/#std-label-load-sample-data>`.
+
+To query for a ``null`` or missing field in {+atlas+}, follow these steps:
+
+.. procedure:: 
+   :style: normal
+
+   .. step:: Navigate to the collection.
+
+      a. In the :atlas:`Atlas UI </atlas-ui/>`, click :guilabel:`Database` in the sidebar.
+      #. For the database deployment that contains the sample data, click :guilabel:`Browse Collections`.
+      #. In the left navigation pane, select the ``sample_training`` database.
+      #. Select the ``companies`` collection.
+
+   .. step:: Insert a blank document.
+
+      Click the :guilabel:`Insert Document` button to display the 
+      dialog box, and then click :guilabel:`Insert`
+      to insert a document with only the ``_id`` field.
+
+   .. step:: Specify a query filter document.
+
+      To find a document that contains a ``null`` or missing value, 
+      specify a :ref:`query filter document <document-query-filter>` 
+      in the :guilabel:`Filter` field. A query filter document uses 
+      :ref:`query operators <csfle-supported-query-operators>` 
+      to specify search conditions.
+
+      Different query operators in MongoDB treat ``null`` values differently.
+      To apply a query filter, copying each of the following documents into the 
+      :guilabel:`Filter` search bar and click :guilabel:`Apply`.
+
+      Use the following query filter to match documents that either contain a
+      ``description`` field with a ``null`` value or do not contain the 
+      ``description`` field:
+
+      .. code-block:: javascript
+
+         { description : null }
+
+      Use the following query filter to match only documents that contain 
+      a ``description`` field with a ``null`` value. This filter specifies
+      that the value of the field must be :ref:`BSON Type <bson-types>` ``Null`` 
+      (BSON Type 10):
+      
+      .. code-block:: javascript
+
+         { description : { $type: 10 } }
+
+      Use the following query filter to match only documents that
+      do not contain the ``description`` field. Only the document
+      that you inserted earlier should appear:
+      
+      .. code-block:: javascript
+
+         { description : { $exists: false } }