Styled Form output« Back to Questions List

In your video regarding forms it states (paraphrased), that the rectangle is ignored. I am going to play with this some, but part of my reason for using PSD would be to stylize the forms elements into a custom look/presentation. Preferably using bootstrap. Any insight into the best method for using your kit to get both? Thanks

Asked by pbarton
Added December 20, 2016 2:39 pm

This question has been resolved, view the correct answer now!

Correct Answer

Hi,

We can explain. When you say ”ignored”, you may be referring to the ${skip} layout – this is used for a visual in your PSD only and will not output with your design.

Custom CSS (including Bootstrap)

You can add any custom CSS class to any element and control all states inside your PSD.

Bootstrap | Custom CSS Classes

Web Form Tutorial

Just encase you did not read the tutorial: http://exportkit.com/learn/how-to/advanced-guide/building-web-forms.

Custom Input Element Styles (psd template)

Use this template to test adding custom CSS styles to input elements http://exportkit.com/learn/psd-templates/advanced-layer-tags-psd-templates/ek126_517_css_input_styles.

Additional Notes

Some input elements are tricky if you want the full effect, eg. If you want a transparent email input, the you will have to create a class in your psd and ensure the opacity is set to 0:

myForm>>input[type="email"]

Then use a shape to control the background color and opacity in your ${css|styles} folder.

Answer by admin ★★★
Answered On December 20, 2016 2:52 pm #
Looking for another answer? View other questions in General or get premium support for guaranteed results.
Asked by pbarton
247 views
1 answer
Last Answered 7 months ago by admin

Categories

Recent Answers


Share Your Knowledge!

Contribute to the community and help other users to benefit from your answer with experience and knowledge.