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:

1.button

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.

Asked by chrisle0ng
Added March 29, 2017 10:26 am

Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!

Hi,

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.

Answer by admin ★★★
Answered On March 29, 2017 8:30 pm #

Hi,

Illustrator Buttons

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.

AI Forms

For input text, you must use the Input Tag: http://exportkit.com/plugin/layer-tags/advanced-layer-tags/input-tag.

You can grab the premium template here for Forms (includes an AI template): http://exportkit.com/product/photoshop/email-contact-form-pro.

Answer by admin ★★★
Answered On March 29, 2017 11:31 am #
Looking for another answer? View other questions in HTML Text Image Folder or get premium support for guaranteed results.
Asked by chrisle0ng
703 views
2 answers
Last Answered 2 years ago by admin

Categories

Recent Answers

asked by sddesign
asked by Svetlana852
asked by nlugodesign
[+] View All Recent Questions

Share Your Knowledge!

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