Form Designer

User 2624719 Photo


Registered User
265 posts

Hi All
Is it possible to use FD to have link buttons to other areas of a website ? as an example say i design a form and on the form i want it to have a button that when you press it it takes you to another part of the form say a list container would this be possible

Regards Adrian
User 122279 Photo


Senior Advisor
14,447 posts

Yes, It should be possible. I made a wee mockup, completely unstyled, to show how. All those image place holders are just there to make a bit of physical distance between the button and the list, so that the effect can be seen.
Someone with a good grasp of the element states might perhaps be able to make the click of the button not only take you to the list, but also get the cursor focus into the first input field.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 379556 Photo


Registered User
1,533 posts

I'm sure it must be. I don't have Form Designer, but have done it very easily in WFB, and I guess Form Designer has similar functions available.

I opened Web Form Builder and dragged onto the form the HTML element from the Elements Magical section. I then inserted items to create a need for scrolling and finally the list box. I found the id of the list box item by examining the code of the Preview (in Firefox Ctrl+u does this).

I used that id as follows in the Properties tab for the HTML element -

<input type="button" value="Click me to go to the list box" onClick="document.getElementById('item16').scrollIntoView();" />

I attach an example.

Frank
Attachments:
User 379556 Photo


Registered User
1,533 posts

In WFB I can get the focus as in the attached example.

Frank
Attachments:
User 379556 Photo


Registered User
1,533 posts

Sorry! On rechecking, I find Example 2 to is highlighting the first option rather than focusing on it.

Frank

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.