Have a Question?

Categories

Modal

You are here:
< All topics
Table of contents

This Guide will help you to add Modal.

Drag and Drop Modal

  • Drag and Drop Modal from left side Widget Panel as shown in image below.
  • Now in Dialog box of Modal you can change Modal content and Customize Modal.

 

 

Customize Modal

  • To give ‘Custom styling to Modal just select Custom from Style as shown in image below.
  • Once you select the Custom you will able to edit Background color and Box color as shown in image below.
  • Now enter Text on Button to see it on your Modal Button.
  • If you want Button to have Full Width then just check the Stretch box shown in image below.
     
  •  

  • Now select Position for Modal Button. There are 3 options Left, Center, Right just select one of them.
  • Select Icon to display in Modal Button or if you don’t want icon then you can give it as Blank.
  • If you select Icon then you need to give Position for Icon. By default it is Left but you can change it to Right also.
  • Now select type of Animation to Arrive the modal screen on website and same for Hide also as shown in image below.
     
  •  

Custom Styles

  • You can select Predefined style by clicking on Predefined Styles as shown in image below.
  • You can also give custom styles by clicking on Edit Element Style as shown in image below.

 

 

Model Screen View

  • When you Click on Model Button it will Display screen like in image below.

 

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we correct this article?
Please submit the reason for your vote so that we can improve the article.
Previous List
Next Pricing Table