Merge Dev into Master

content/faq/api-credentials.md

@@ -6,7 +6,7 @@ description: "How to retrieve API key and secret?"
 ## Q: How to retrieve API key and secret?
 
 
-Login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click the **Configuration** and then navigate to the **API Credentials** section. 
+Login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click **Configuration** and then navigate to the **API Credentials** section. 
 
 Click the down arrow or anywhere within the section and the **API Credentials** screen will appear:
 
@@ -17,7 +17,7 @@ Click the down arrow or anywhere within the section and the **API Credentials**
 
 
 
-Click the **API Key And Secret** to get your unique credentials as displayed in the following screen:
+Click **API Key And Secret** to get your unique credentials as displayed in the following screen:
 
 <div style="text-align:center">
   <img src="../assets/howto/setup-your-dashboard/key-secret.png" alt="Key Secret" />
@@ -40,7 +40,7 @@ Click the **eye** button given next to the API Secret field. The API secret is n
 
 ## Q: How to reset the API Secret?
 
-Login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click the **Configuration** and then navigate to the **API Credentials** section. 
+Login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click **Configuration** and then navigate to the **API Credentials** section. 
 
 Click the **API Key And Secret** or anywhere within the section and the below screen will appear:
 

content/faq/troubleshooting.md

@@ -24,7 +24,7 @@ With the extended profile data set, which you can view on the [LoginRadius datap
 On login with Facebook, the error message shown below is sometimes displayed to developer or admin users:
 
 <div style="text-align:center">
-  <img src="../assets/invalid_scopes.png" alt="invalid_scopes" width="400">
+  <img src="../assets/faq/invalid_scopes.png" alt="invalid_scopes" width="400">
 </div>
 
 

content/guides/mobile-android.mdx

@@ -34,7 +34,7 @@ Generate SOTT You need to pass the SOTT value at the time of registration in And
 Open dashboard, click on "Configure Your Application" and open *Mobile SOTT* . now set the time according to the requirement and generate SOTT.
 
 <div style="text-align:center">
-  <img src="../assets/sott.png" alt="Android-sott" />
+  <img src="../assets/quick-start-guides/sott.png" alt="Android-sott" />
 </div>
 <br></br>
 
@@ -78,7 +78,7 @@ init.setSott(sott);
 4. Run this application on your android studio 
 
 <div style="text-align:center">
-  <img src="../assets/android.png" alt="Java-app" />
+  <img src="../assets/quick-start-guides/android.png" alt="Java-app" />
 </div>
 
 ## Features implemented in demo

content/guides/mobile-ios.mdx

@@ -33,7 +33,7 @@ Generate SOTT You need to pass the SOTT value at the time of registration and yo
 Open dashboard, click on "Configure Your Application" and open **Mobile SOTT** . Now set the time according to the requirement and generate SOTT.
 
 <div style="text-align:center">
-  <img src="../assets/iOS-sott.png" alt="iOS-sott" />
+  <img src="../assets/quick-start-guides/iOS-sott.png" alt="iOS-sott" />
 </div>
 <br></br>
 
@@ -89,7 +89,7 @@ Then, run the following command:
 7. Run your project
 <div style="text-align:center">
 
-  <img src="../assets/iOS.png" alt="Java-app" />
+  <img src="../assets/quick-start-guides/iOS.png" alt="Java-app" />
 </div>
 
 ## Features implemented in demo

content/guides/web-dotnet.mdx

@@ -94,7 +94,7 @@ commonOptions.appName = "<App Name>";
 Now you can see application running in the [http://localhost:4000/](http://localhost:4000/). Once you click on login button it will redirect you to auth page.
 
 <div style="text-align:center">
-  <img src="../assets/DotNetIDx.png" alt="Dotnet-app" />
+  <img src="../assets/quick-start-guides/DotNetIDx.png" alt="Dotnet-app" />
 </div>
 
 

content/guides/web-golang.mdx

@@ -112,7 +112,7 @@ go run main.go
 Then visit [http://localhost:3000](http://localhost:3000) from your local browser and you will see the application running. Once you click on login button it will redirect you to auth page.
 
 <div style="text-align:center">
-  <img src="../assets/golang-idx.jpg" alt="Go Idx" />
+  <img src="../assets/quick-start-guides/golang-idx.png" alt="Go Idx" />
 </div>
 
 ## Features implemented in demo

content/guides/web-java.mdx

@@ -100,7 +100,7 @@ Then visit [http://localhost:3000/demo](http://localhost:3000/demo) from your lo
 
 
 <div style="text-align:center">
-  <img src="../assets/JavaIDx.png" alt="Java-app" />
+  <img src="../assets/quick-start-guides/JavaIDx.png" alt="Java-app" />
 </div>
 
 

content/guides/web-nodejs.mdx

@@ -112,7 +112,7 @@ Get your credentials and whitelist your application domain as explained in this
   Then visit [http://localhost:3000/demo](http://localhost:3000/demo) from your local browser and you will see the application running. Once you click on login button it will redirect you to auth page.
 
   <div style="text-align:center">
-    <img src="../assets/node_idx.jpg" alt="Node Idx" />
+    <img src="../assets/quick-start-guides/node_idx.jpg" alt="Node Idx" />
   </div>
 
 ## Features implemented in demo

content/guides/web-php.mdx

@@ -94,7 +94,7 @@ commonOptions.appName = "<App Name>";
 
 Once you click on login button it will redirect you to auth page.
 <div style="text-align:center">
-  <img src="../assets/PHP_IDX_demo.png" alt="PHP Idx" />
+  <img src="../assets/quick-start-guides/PHP_IDX_demo.png" alt="PHP Idx" />
 </div>
 
 ## Features implemented in demo

content/guides/web-python.mdx

@@ -108,7 +108,7 @@ python app.py
 Now you can see application running in the http://localhost:5000, Once you click on login button it will redirect you to auth page.
 
 <div style="text-align:center">
-  <img src="../assets/webPython/pythonApp.png" alt="python-app" />
+  <img src="../assets/quick-start-guides/pythonApp.png" alt="python-app" />
 </div>
 
 ## Features implemented in demo

content/guides/web-ror.mdx

@@ -118,7 +118,7 @@ Then visit [http://localhost:3000/demo](http://localhost:3000/demo) from your lo
 
 
 <div style="text-align:center">
-  <img src="../assets/ror_idx.png" alt="Java-app" />
+  <img src="../assets/quick-start-guides/ror_idx.png" alt="Java-app" />
 </div>
 
 

content/howto/advanced-editor.mdx

@@ -18,7 +18,7 @@ This feature allows you to choose a design template for your authentication page
 
 ## Access the advanced editor
 
-Login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account,from the left navigation panel, click the **Auth Page (IDX)** and then navigate to the **Auth Page (IDX)** section. Click the **CUSTOMIZE** button given on the selected theme as highlighted in the screen below:
+Login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click **Auth Page (IDX)** and then navigate to the **Auth Page (IDX)** section. Click the **CUSTOMIZE** button given on the selected theme as highlighted in the screen below:
 
 
 <div style="text-align:center">

content/howto/authentication-theme.mdx

@@ -6,13 +6,19 @@ summary: "A guide on how to select and customize Auth Page (IDX) themes"
 
 import Developer from "../../src/components/developer.js"
 
+Watch the video for the step by step tutorial or refer to the section below for the text-based guide.
+
+<iframe width="480" height="250" src="https://www.youtube.com/embed/0AO9xR18wxs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+<hr/>
+
 You can choose a theme from the available option and then customize it using the editor.
 
 ## Theme Selection
 
 These themes do not require JavaScript to work, and it offers a simpler and faster experience for end-users. You can activate any of the themes and then customize as per your requirement. The customizations will reflect in the registration, login reset password, and profile page.
 
-To access **Auth Page (IDX)** customization, login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click the **Auth Page (IDX)** and the following screen will appear:
+To access **Auth Page (IDX)** customization, login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click **Auth Page (IDX)** and the following screen will appear:
 
 <div style="text-align:center">
   <img src="../assets/howto/auth-page-customization/theme-selection.png" alt="Auth Page Theme" />

content/howto/dashboard-setup.mdx

@@ -10,7 +10,7 @@ To communicate with LoginRadius you will need some details about the application
 
 ### API Credentials
 
-The API key and API Secret are used to interact with LoginRadius' APIs. To access API credentials, login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click the **Configuration** and then navigate to the **API Credentials** section. 
+The API key and API Secret are used to interact with LoginRadius' APIs. To access API credentials, login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click **Configuration** and then navigate to the **API Credentials** section. 
 
 Click the down arrow or anywhere within the section and the **API Credentials** screen will appear:
 
@@ -34,13 +34,13 @@ The **APP Name** is unique for each application in LoginRadius. The **Auth Page*
 ### Mobile SOTT
 To avoid spam automated registrations, in the request header, LoginRadius supports an additional token - SOTT (Secure One Time Token) along with API key. Check out [Work with SOTT](/howto/work-with-sott/) document for more details.
 
-## Domain Whitelisting
+## Whitelist Your Domain
 
 This section allows you to add and manage the domain(s). LoginRadius processes the API calls that are received from the whitelisted domains. Local domains `(http://localhost and http://127.0.0.1)` are whitelisted by default.
 
-To add the application domain, login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click the **Configuration** and then navigate to the **Domain Whitelisting** section. 
+To add the application domain, login to your [LoginRadius Dashboard](https://dashboard.loginradius.com/dashboard) account, from the left navigation panel, click **Configuration** and then navigate to the **Whitelist Your Domain** section. 
 
-Click the down arrow or anywhere within the section and the **Domain Whitelisting** screen will appear:
+Click the down arrow or anywhere within the section and the **Whitelist Your Domain** screen will appear:
 
 > If you are implementing the SSO, make sure to whitelist the respective application domains. Check out [enable web sso](/howto/web-sso/) document for more details.