how to correctly render button and input text field?« Back to Questions List
Im trying to export from ai to html. My html result cant seems to be able to render the button and input text field correctly.
here is my layer structure:
button layer as folder, inside the folder i have button text layer & button bg layer. But it rendered my button as a whole image.
2. input text field
search field 1 as folder, inside the folder i have text label layer, input field layer & grey text layer. It does not show up in the html page.
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
Also, take a screen shot of your layers if you still have trouble. We can give you a faster answer when we see the layer structure.
This is an easy fix. Illustrator requires A LOT of layers to correctly render (as it does not have the concept of a folder). Simple solution is to create additional layers inside your button folder, possibly one for the background.
For input text, you must use the Input Tag: //exportkit.com/plugin/layer-tags/advanced-layer-tags/input-tag.
You can grab the premium template here for Forms (includes an AI template): //exportkit.com/product/photoshop/email-contact-form-pro.
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.