How to add a Header and Footer to your Smart V window

The Smart V login window is a compact, simple white popup window. But you can expand it by adding a Header above and Footer below it.
It's actually pretty easy - Just follow the steps:

Adding  a header
1- Create a new blank form
2- Drag a Smart V element to the form
3- Publish the form as URL - you will see the Smart V default look.

4- Select the Smart V element on canvas and go to:
Properties panel > Element tab > Settings option > Advanced category > Header

5- Press on the “Change” button to configure your header.
6- Create your Header in the editor. It is recommended to create the HTML beforehand and just paste it in the source code. (Go to: Tools > Source code).
* Please note - The Smart V modal is 450px wide and it is aligned to the center of the browser window, so you should make sure your Header width is the same and also aligned to the center for it to “sit” directly above it.

You can also paste this example and change it to your liking:
<div style="align: center;"> <table style="height: 60px; width: 450px; border-collapse: collapse; background-color: red; margin-left: auto; margin-right: auto;" border="0"> <tbody> <tr style="height: 21px;"> <td style="width: 203px; height: 60px; padding-left: 20px;"><img src="https://formtitanhelpdeskimage.s3.amazonaws.com/f04096db6f0be8aabc51e9f45446337c.png" alt="" width="171" height="41" /></td> <td style="width: 96px; height: 60px;"> </td> <td style="width: 150px; height: 60px;"> </td> </tr> </tbody> </table> </div>
7- Press “Apply”.

8- Save the form and refresh the published form page to see the change.

Adding  a Footer
Following are the steps to add a Footer:
9- Select the Smart V element on canvas and go to:
Properties panel > Element tab > Settings option > Advanced category > Footer
10- Press on the “Change” button to configure your footer.
11- Again, to create your footer in the editor. It is recommended to create the HTML beforehand and just paste it in the source code. (Go to: Tools > Source code).
Also - you need to make sure that the Footer width is the 450px and also aligned to the center so it “sits” directly under the Smart V.

Use this example and change it to your liking:
<div style="align: center;"> <table style="height: 60px; width: 450px; border-collapse: collapse; background-color: yellow; margin-left: auto; margin-right: auto;" border="0"> <tbody> <tr style="height: 21px;"> <td style="width: 150px; height: 60px; padding-left: 30px;" colspan="3"><span style="color: #000000; font-size: 20px;">Online platform  </span></td> </tr> </tbody> </table> </div>

12- Press “Apply”.
13- Save the form and refresh the published form page to see the change.