Can I use the Spry Asset Accordian/Panels in Forms?

[SisterMargaret]

For instance, users can select country - state -then city? Does this work?

[WolfShade]

I would advise against using Spry anything.  It's been deprecated, and is not up to current modern browser compliance.  You'll be better off using a library like Bootstrap or W3 css and learn to code Javascript and/or jQuery.

V/r,

^ _ ^

[SisterMargaret]

Ok, if it weren't deprecated, could it have been used for forms?

[WolfShade]

As opposed to using three SELECT tags?  I suppose it could be done, but I wouldn't enjoy coding that kind of country/state/city group. 

The SELECT tag is best/easiest.  But, yeah, I guess it could be done.  Still can, in Bootstrap or W3, I think.  With some JavaScript or jQuery.

V/r,

^ _ ^

[SisterMargaret]

You've been very helpful. Just two more questions

1) What's the SELECT Tag? You maybe referring to something I know using a different term.

2) You said Spry is not compatible with modern day browsers - However I test a spry asset I created with different browsers including chrome, canary and firefox and it worked perfectly. Why would you say its not compatible? Is there something I could be missing?

Thanks.

[SisterMargaret]

Ok, it looks like Nancy answered Question 1 - Thanks Nancy.

[WolfShade · Accepted solution]

SisterMargaret  wrote

2) You said Spry is not compatible with modern day browsers - However I test a spry asset I created with different browsers including chrome, canary and firefox and it worked perfectly. Why would you say its not compatible? Is there something I could be missing?

Spry is old, outdated, and might still work in modern browsers, but as browsers advance they lose old functionalities; at some point, Spry may not work in (near) future browsers.  It's just a matter of time.  Bootstrap, W3, and JavaScript/jQuery are "current" and will be supported for years beyond when Spry does stop working.  So, yeah, you can use Spry, but you'll be replacing it with something else long before you'll need to replace a CSS/JS combination.

V/r,

^ _ ^

[SisterMargaret]

Thank you Thank you Thank you. You've been very helpful. Have a nice day/evening.

[WolfShade]

Thank you for marking my answer as correct.  I do appreciate it.

If you need help with the CSS/JS solution, don't hesitate to ask.  Nancy OShea​ knows more about it than I do, but I'm learning. 

V/r,

^ _ ^

[Nancy OShea]

No.  You should use the form  Select > Option lists as specified in the HTML5 specs.   That's what they are for.  

HTML Forms

HTML Input Types

HTML Form Elements

<select name="cars">
  <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
   <option value="audi">Audi</option>
</select>

Accordion Panels -- modern or not, were never intended  to replace Option lists in forms.

[WolfShade]

https://forums.adobe.com/people/Nancy+OShea  wrote

Accordion Panels -- modern or not, were never intended  to replace Option lists in forms.

Totally agreed.  It's not the best way to do it.  However, the creative part of me could see populating the first panel with countries, making them all links, and using JavaScript/jQuery to populate the second panel with states (assuming the country has any) and so on.  Totally inefficient, very unorthodox, but feasible.

Still, SELECT/OPTION is the best method, and there are examples all over the web on how to accomplish that.  No use trying to re-invent the wheel as a circus.

V/r,

^ _ ^

[SisterMargaret]

Thanks Nancy.