GitBook: [#361] No subject

pkmikhail · gitbook-bot · commit a1f14d6854ab · 2022-05-13T15:54:12.000Z
diff --git a/.gitbook/assets/btftnf.png b/.gitbook/assets/btftnf.png
diff --git a/.gitbook/assets/rhbgt.gif b/.gitbook/assets/rhbgt.gif
diff --git a/.gitbook/assets/zdfbt.png b/.gitbook/assets/zdfbt.png
diff --git a/SUMMARY.md b/SUMMARY.md
@@ -46,8 +46,6 @@
 * [🦄 Jet UI](user-guide/jet-ui/README.md)
   * [Builder](user-guide/jet-ui/builder.md)
   * [App settings](user-guide/jet-ui/layouts-and-branding.md)
-  * [Preview & Publish](user-guide/jet-ui/preview-and-publish.md)
-  * [Settings](user-guide/jet-ui/settings.md)
   * [Data](user-guide/jet-ui/data.md)
 * [🧰 Data Sources](user-guide/integrations/README.md)
   * [Database Integration](user-guide/integrations/postgresql-integration/README.md)
@@ -61,7 +59,6 @@
   * [Amazon S3](user-guide/integrations/amazon-s3.md)
   * [Google Cloud Storage](user-guide/integrations/google-cloud-storage.md)
   * [Firebase](user-guide/integrations/firebase-firestore/README.md)
-    * [Firestore](user-guide/integrations/firebase-firestore/firestore.md)
     * [Realtime DB](user-guide/integrations/firebase-firestore/realtime-database.md)
   * [Firebase Cloud Storage](user-guide/integrations/firebase-cloud-storage.md)
   * [GraphQL](user-guide/integrations/graphql.md)
@@ -93,8 +90,9 @@
   * [Making API requests](user-guide/data/make-an-http-request.md)
   * [Making SQL queries](user-guide/data/make-a-sql-query.md)
   * [Cache Frequency](user-guide/data/cache-frequency.md)
-* [🔀 Conditions](user-guide/components-visibility/README.md)
+* [ℹ Conditionals](user-guide/components-visibility/README.md)
   * [Conditional Visibility](user-guide/components-visibility/conditional-visibility.md)
+  * [Conditional Disable](user-guide/components-visibility/conditional-disable.md)
   * [Conditional read, add, edit & delete](user-guide/components-visibility/conditional-add-edit-and-delete.md)
 * [🔗 Link Between Tables](user-guide/relations.md)
 * [🧩 Components](user-guide/components/README.md)
@@ -154,7 +152,7 @@
 * [🪂 Other Features](user-guide/project-settings/README.md)
   * [Environments](user-guide/project-settings/environments.md)
   * [Manage your subscription](user-guide/project-settings/manage-your-subscription.md)
-  * [Configuring a custom domain](user-guide/project-settings/configuring-a-custom-domain.md)
+  * [Custom domain](user-guide/project-settings/configuring-a-custom-domain.md)
   * [Update to a new version](user-guide/project-settings/version-migration.md)
 * [🛫 Jet Admin API](user-guide/jet-admin-api/README.md)
   * [Users API](user-guide/jet-admin-api/project-users.md)
diff --git a/jet-bridge-deployment/database-heroku-deployment.md b/jet-bridge-deployment/database-heroku-deployment.md
@@ -6,11 +6,11 @@ description: Step-by-step guide to deploying a PostgreSQL database on Heroku.
 
 Once you have created the project, connected the resource, and selected the [Instant Cloud](../user-guide/integrations/postgresql-integration/instant-cloud.md) deployment method you need to deploy your database on hosting.
 
-In this step-by-step guide, we'll take a closer look at the complete database deployment process on [Heroku](https://www.heroku.com).
+In this step-by-step guide, we'll take a closer look at the complete database deployment process on [Heroku](https://www.heroku.com/).
 
 ### 1. Sign up for Heroku
 
-To deploy your database you need to [sign up](https://signup.heroku.com) a free Heroku account. You need to fill in the data and just click on **Create a free account**.
+To deploy your database you need to [sign up](https://signup.heroku.com/) a free Heroku account. You need to fill in the data and just click on **Create a free account**.
 
 ![](<../.gitbook/assets/image (383).png>)
 
diff --git a/join-the-community.md b/join-the-community.md
@@ -1,14 +1,14 @@
 # 🙌 Join the Community
 
-**Join the community here →** [**https://community.jetadmin.io/**](https://community.jetadmin.io)****
+**Join the community here →** [**https://community.jetadmin.io/**](https://community.jetadmin.io/)****
 
 The community is where you can meet, get help & support, share resources and discuss what you're working on. The community is filled with thousands of kind and friendly users – many of them experts – who are willing to help each other out.&#x20;
 
 We have only a few simple guidelines:
 
 * Be polite and kind to other members
 * Use the search bar to see if your topic has been discussed before
-* Check out the community’s different [categories](https://community.jetadmin.io)
+* Check out the community’s different [categories](https://community.jetadmin.io/)
 * When posting questions, try to be clear and concise and write descriptive titles. If you need help with many different things, try posting them as separate topics.
 * Where possible, provide links (e.g. to your app), screenshots or even videos that help explain the point you are trying to make
 * Please be aware that everything you post in the forums is public
diff --git a/user-guide/components-visibility/README.md b/user-guide/components-visibility/README.md
@@ -2,16 +2,36 @@
 description: Hide or show things based on different conditions
 ---
 
-# 🔀 Conditions
+# ℹ Conditionals
 
-Conditions help you implement condition-based editing and data access, and set the component visibility.&#x20;
+Jet Admin allows you to use conditional logic in your app and apply it to UI components and dynamic values. There are several ways to implement it:
 
-Component Visibility rules allow you to create rules to determine whether a given component is visible (and able to be interacted with). For example, you can place several buttons in the same place and then create different visibility rules to determine which one appears for each User or Team in your app.
+### Formulas
+
+You can use logical expressions, such as `If`, `Else`, `Or` to transform dynamic values. These logical expressions live in Jet in the form of **Formulas**, that can be found in the Dynamic data modal pop-up:
+
+![](../../.gitbook/assets/btftnf.png)
+
+### Conditional visibility&#x20;
+
+Component visibility allows you to **show or hide UI components** based on a rule. This might be useful, for example, when building a complex form where based on a certain input, you want or don't want to show more fields to gather additional information.
+
+Or when you want to show or hide some sections of your app depending on the user who's logged in or their role.
+
+Conditional visibility **can be accessed** within any UI component by proceeding to the Display tab:
+
+![](../../.gitbook/assets/rhbgt.gif)
 
 {% content-ref url="conditional-visibility.md" %}
 [conditional-visibility.md](conditional-visibility.md)
 {% endcontent-ref %}
 
+### Conditional disable
+
+But what if you want to still show the value of a UI component, but make it **uneditable based on a rule**? In that case, you should use the conditional disable feature, which you can find right below the Conditional visibility:
+
+![](../../.gitbook/assets/zdfbt.png)
+
 Allowing users to add, edit & delete records can be very powerful, but sometimes you want to restrict this to only certain Pages or to certain Teams/Users. With conditional add, edit & delete you can do this.
 
 {% content-ref url="conditional-add-edit-and-delete.md" %}
diff --git a/user-guide/components-visibility/conditional-disable.md b/user-guide/components-visibility/conditional-disable.md
@@ -0,0 +1,10 @@
+# Conditional Disable
+
+Conditional Disable allows you to show the value of the field (input) but make it **dynamically uneditable** based on a rule.&#x20;
+
+To enable it, you'll have to write a formula in the "Conditional disable" box.
+
+{% hint style="warning" %}
+**You don't have to** write an "IF" expression to make it work. Simply A=B or A>B will make the field disabled (uneditable) for when the variables meet the condition and enabled (editable) when the opposite is true (under the hood it will return logical "1" and "0" correspondingly)
+{% endhint %}
+
diff --git a/user-guide/components/custom-component.md b/user-guide/components/custom-component.md
diff --git a/user-guide/integrations/firebase-cloud-storage.md b/user-guide/integrations/firebase-cloud-storage.md
@@ -4,7 +4,7 @@ Before you can use Firebase Cloud storage, you need to obtain a service token ke
 
 ### Get Firebase Storage JSON Key <a href="#1-get-firebase-key" id="1-get-firebase-key"></a>
 
-To get the JSON key you need to add Firebase to your Google project. First, go to [Firebase](https://firebase.google.com) and just click **Get Started**.
+To get the JSON key you need to add Firebase to your Google project. First, go to [Firebase](https://firebase.google.com/) and just click **Get Started**.
 
 ![](<../../.gitbook/assets/image (791).png>)
 
diff --git a/user-guide/integrations/firebase-firestore/README.md b/user-guide/integrations/firebase-firestore/README.md
@@ -6,7 +6,7 @@ In this article, we'll review the integration with Firebase, and its characteris
 
 You can connect to Firebase from the new app flow, from the data tab on the left menu bar, or from the data section within a UI component.
 
-Then, you'll need to provide a **service token** to allow your Firebase to interact with Jet. You can either copy and paste a JSON snippet (1) or upload it as a file (2):
+Then, you'll need to provide a **service token** to allow your Firebase to interact with Jet. You can either copy and paste a JSON snippet **(1)** or upload it as a file **(2)**:
 
 ![](../../../.gitbook/assets/xngfhy.png)
 
diff --git a/user-guide/integrations/firebase-firestore/firestore.md b/user-guide/integrations/firebase-firestore/firestore.md
diff --git a/user-guide/integrations/hubspot.md b/user-guide/integrations/hubspot.md
@@ -6,7 +6,7 @@ description: Connect Hubspot to Jet Admin
 
 ## 1. Get Hubspot API Key
 
-First you need to sign up for [Hubspot](https://www.hubspot.com) and create an account. Complete the account creation process to get started. Find and copy your API Key to connect Hubspot to Jet Admin.
+First you need to sign up for [Hubspot](https://www.hubspot.com/) and create an account. Complete the account creation process to get started. Find and copy your API Key to connect Hubspot to Jet Admin.
 
 ![](<../../.gitbook/assets/GIF (171).gif>)
 
diff --git a/user-guide/integrations/intercom.md b/user-guide/integrations/intercom.md
@@ -6,7 +6,7 @@ description: Connect Intercom to Jet Admin
 
 ## 1. Get Intercom Access Token
 
-Firstly, you need to sign up for [Intercom](https://www.intercom.com) and create an account. Complete the account creation process to get started.
+Firstly, you need to sign up for [Intercom](https://www.intercom.com/) and create an account. Complete the account creation process to get started.
 
 Intercom provides you with an Access Token as soon as you [create an app](https://app.intercom.com/a/developer-signup) on your workspace. You can find your Access Token in the **Configure > Authentication** section in your app within the [Developer Hub](https://app.intercom.io/a/apps/\_/developer-hub/app-packages).
 
diff --git a/user-guide/integrations/mixpanel.md b/user-guide/integrations/mixpanel.md
@@ -6,7 +6,7 @@ description: Connecting Mixpanel to Jet Admin
 
 ### 1. Get Mixpanel API Secret Key
 
-First you need to sign up for [Mixpanel](https://mixpanel.com) and create an account. Complete the account creation process to get started.&#x20;
+First you need to sign up for [Mixpanel](https://mixpanel.com/) and create an account. Complete the account creation process to get started.&#x20;
 
 ![](<../../.gitbook/assets/GIF (173).gif>)
 
diff --git a/user-guide/integrations/sendgrid.md b/user-guide/integrations/sendgrid.md
@@ -8,7 +8,7 @@ description: Connecting SendGrid to Jet Admin.
 
 You can see a list of your SendGrid API keys via the "API Keys" section of your SendGrid account's "Settings" page. If you'd like to use an existing API key, you'll have to get this from whoever set up the key — SendGrid doesn't let you display API keys after they're created. If you want to create a new API key to use with Jet Admin, you can press the "Create API Key" button to create a new key and view it. Store it somewhere safe because SendGrid won't show it to you again!
 
-To get your Secret Key, first sign up for a [SendGrid](https://sendgrid.com) account. Then you need to go to the API Keys settings to create your Secret Key. Set permissions for the Key API and click Create & View.
+To get your Secret Key, first sign up for a [SendGrid](https://sendgrid.com/) account. Then you need to go to the API Keys settings to create your Secret Key. Set permissions for the Key API and click Create & View.
 
 ![](<../../.gitbook/assets/GIF (124).gif>)
 
diff --git a/user-guide/integrations/slack.md b/user-guide/integrations/slack.md
@@ -6,7 +6,7 @@ description: Connecting Slack to Jet Admin
 
 ### 1. Create Slack Webhook
 
-First you need to sign up for [Slack](https://slack.com) and create an account. Complete the account creation process to set up an [Incoming Webhook](https://my.slack.com/apps/new/A0F7XDUAZ-incoming-webhooks) in Slack:&#x20;
+First you need to sign up for [Slack](https://slack.com/) and create an account. Complete the account creation process to set up an [Incoming Webhook](https://my.slack.com/apps/new/A0F7XDUAZ-incoming-webhooks) in Slack:&#x20;
 
 ![](<../../.gitbook/assets/GIF (134).gif>)
 
diff --git a/user-guide/integrations/stripe.md b/user-guide/integrations/stripe.md
@@ -6,7 +6,7 @@ description: Connecting Stripe to Jet Admin
 
 ### 1. Get Your Secret API Key
 
-To get your Secret API Key you need to sign up in [Stripe](https://stripe.com). Then you need to find your Secret API Key:
+To get your Secret API Key you need to sign up in [Stripe](https://stripe.com/). Then you need to find your Secret API Key:
 
 ![](<../../.gitbook/assets/GIF (121).gif>)
 
diff --git a/user-guide/integrations/twilio.md b/user-guide/integrations/twilio.md
@@ -6,7 +6,7 @@ description: Connecting Twilio to Jet Admin
 
 ### 1. Get Twilio Access Keys
 
-First you need to sign up to [Twilio](https://www.twilio.com). Your Dashbroad will automatically open when you complete the sign up process. Get your Account SID and Auth Token.
+First you need to sign up to [Twilio](https://www.twilio.com/). Your Dashbroad will automatically open when you complete the sign up process. Get your Account SID and Auth Token.
 
 ![](<../../.gitbook/assets/image (580).png>)
 
diff --git a/user-guide/integrations/zendesk.md b/user-guide/integrations/zendesk.md
@@ -6,7 +6,7 @@ description: Connecting Zendesk to Jet Admin
 
 ### 1. Get Zendesk API Token
 
-First you need to sign up for [Zendesk ](https://www.zendesk.com)and create an account. Complete the account creation process to get started.&#x20;
+First you need to sign up for [Zendesk ](https://www.zendesk.com/)and create an account. Complete the account creation process to get started.&#x20;
 
 Find your API Token __ under the API section of the Channels tab in Settings. Make sure to copy and store this token. Zendesk won't show it again after you click Save or leave this page.
 
diff --git a/user-guide/jet-ui/README.md b/user-guide/jet-ui/README.md
@@ -14,11 +14,11 @@ A high-level walkthrough of the different parts of the builder environment. Here
 [layouts-and-branding.md](layouts-and-branding.md)
 {% endcontent-ref %}
 
-{% content-ref url="preview-and-publish.md" %}
-[preview-and-publish.md](preview-and-publish.md)
+{% content-ref url="broken-reference" %}
+[Broken link](broken-reference)
 {% endcontent-ref %}
 
-{% content-ref url="settings.md" %}
-[settings.md](settings.md)
+{% content-ref url="broken-reference" %}
+[Broken link](broken-reference)
 {% endcontent-ref %}
 
diff --git a/user-guide/jet-ui/preview-and-publish.md b/user-guide/jet-ui/preview-and-publish.md
diff --git a/user-guide/jet-ui/settings.md b/user-guide/jet-ui/settings.md
diff --git a/user-guide/project-settings/configuring-a-custom-domain.md b/user-guide/project-settings/configuring-a-custom-domain.md
@@ -1,14 +1,5 @@
-# Configuring a custom domain
+# Custom domain
 
-To add a Custom Domain to your application you need to click on the Set up Custom Domain button in the popup when [publishing](../jet-ui/preview-and-publish.md) your application:
+To add a Custom Domain to your application you need to proceed to the **App Settings** tab and click on the **Custom Domain** section.
 
-![](<../../.gitbook/assets/image (858).png>)
-
-You will be asked to fill out information about your project. And instructions for setting up a domain:
-
-Add a **CNAME** record to your DNS:
-
-Name/Host/Domain: \
-example.com\
-Destination/Target/Value: \
-app.jetadmin.io.
+![](../../.gitbook/assets/dhtrcfy.png)
diff --git a/user-guide/security-and-privacy/sign-in-sign-up/google-oauth-2.0.md b/user-guide/security-and-privacy/sign-in-sign-up/google-oauth-2.0.md
@@ -12,7 +12,7 @@ Once you have created the project and selected the Rest API resource, you also s
 
 ### 1. Google API Console
 
-Visit the [Google API Console](https://console.developers.google.com) to obtain OAuth 2.0 credentials such as a `Client ID` and `Client secret` that are known to both Google and Jet Admin.
+Visit the [Google API Console](https://console.developers.google.com/) to obtain OAuth 2.0 credentials such as a `Client ID` and `Client secret` that are known to both Google and Jet Admin.
 
 ### 2. Create a new project
 
