Highlighted

Roll over state for text box and icon

New Here ,
Oct 18, 2017

Copy link to clipboard

Copied

Hi,

I would like to create a contact form with SVG icons for each text box.

I wonder how can I have those icons changed when the cursor goes over the contact form text boxes.

I want to have roll over state that changes both the text boxes and the icons.

For instance I want the "email" field to change background colour (I know how to do it) and the same for the letter icon I put near this field.

Any suggestion?

Thank you

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

The text field can have a different rollover state.

If you click the form, then the form field then the text field, you see what is possible.

I am unconscious about your svg graphic element for this.

Watch the top left menu item, how it changes from click to click:

Bildschirmfoto 2017-10-18 um 20.42.07.png

Bildschirmfoto 2017-10-18 um 20.42.17.png

Bildschirmfoto 2017-10-18 um 20.39.06.png

Best Regards,
Uwe

Views

95

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Roll over state for text box and icon

New Here ,
Oct 18, 2017

Copy link to clipboard

Copied

Hi,

I would like to create a contact form with SVG icons for each text box.

I wonder how can I have those icons changed when the cursor goes over the contact form text boxes.

I want to have roll over state that changes both the text boxes and the icons.

For instance I want the "email" field to change background colour (I know how to do it) and the same for the letter icon I put near this field.

Any suggestion?

Thank you

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

The text field can have a different rollover state.

If you click the form, then the form field then the text field, you see what is possible.

I am unconscious about your svg graphic element for this.

Watch the top left menu item, how it changes from click to click:

Bildschirmfoto 2017-10-18 um 20.42.07.png

Bildschirmfoto 2017-10-18 um 20.42.17.png

Bildschirmfoto 2017-10-18 um 20.39.06.png

Best Regards,
Uwe

Views

96

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 18, 2017 0
Adobe Community Professional ,
Oct 18, 2017

Copy link to clipboard

Copied

The text field can have a different rollover state.

If you click the form, then the form field then the text field, you see what is possible.

I am unconscious about your svg graphic element for this.

Watch the top left menu item, how it changes from click to click:

Bildschirmfoto 2017-10-18 um 20.42.07.png

Bildschirmfoto 2017-10-18 um 20.42.17.png

Bildschirmfoto 2017-10-18 um 20.39.06.png

Best Regards,
Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 18, 2017 0