SmartV Pages (4:30 min)
Completion requirements
01 Getting Started
This tutorial covers Smart V pages, including:
- Changing the default layout.
- Applying custom styling.
02 SmartV Pages
Once you have configured SmartV, a Login page is automatically added to your project.
To navigate to this page:
1. Expand the pages menu and hover over SmartV.
![expanded pages dropdown](https://academy.titandxp.com/pluginfile.php/1566/mod_custompage/topics/791126379/1_pagesdropdown.png)
To navigate to this page:
1. Expand the pages menu and hover over SmartV.
2. Select the login page from the submenu.
The number of pages available in the submenu is dependent on your SmartV configuration.
![expanded pages dropdown](https://academy.titandxp.com/pluginfile.php/1566/mod_custompage/topics/791126379/1_pagesdropdown.png)
03 Changing the Default Layout
Your login page will automatically have the default layout applied. To change your layout:
1. Expand the layout dropdown and choose your new layout option.
![layout options](https://academy.titandxp.com/pluginfile.php/1566/mod_custompage/topics/758485725/2_layoutdropdown.png)
If you want to preview how the layout will look before choosing one, navigate to the Login settings menu by selecting the gear icon next to the Layout dropdown.
Once the login settings menu is open, select the layout tab.
![layout tab for login settings menu](https://academy.titandxp.com/pluginfile.php/1566/mod_custompage/topics/758485725/3_loginsettings.png)
1. Expand the layout dropdown and choose your new layout option.
![layout options](https://academy.titandxp.com/pluginfile.php/1566/mod_custompage/topics/758485725/2_layoutdropdown.png)
If you want to preview how the layout will look before choosing one, navigate to the Login settings menu by selecting the gear icon next to the Layout dropdown.
Once the login settings menu is open, select the layout tab.
![layout tab for login settings menu](https://academy.titandxp.com/pluginfile.php/1566/mod_custompage/topics/758485725/3_loginsettings.png)
04 Applying Custom Styling
To apply custom styling to your SmartV pages:
1. Click on the styling icon next to the Default Layout dropdown.
![styling icon](https://academy.titandxp.com/pluginfile.php/1566/mod_custompage/topics/973514343/4_stylingicon.png)
2. Use the styling menu options to create a unique look and feel for your Smart V pages.
Note: You cannot add elements to your Smart V page. You can only style the elements that have automatically been included.
1. Click on the styling icon next to the Default Layout dropdown.
![styling icon](https://academy.titandxp.com/pluginfile.php/1566/mod_custompage/topics/973514343/4_stylingicon.png)
2. Use the styling menu options to create a unique look and feel for your Smart V pages.
Note: You cannot add elements to your Smart V page. You can only style the elements that have automatically been included.