How to add a dropdown list to a block?

Permalink
I was looking for an addon that would help enable me to add a dropdown list to a block on my site (see the attached image for an example). I couldn't find any. All the dropdown addons that I found only apply to the main navigation. Perhaps I just simply overlooked it.

If someone would could give me some advice on how to add this feature, I would greatly appreciate. As always, thanks in advance for the great C5 support.

1 Attachment

View Replies: View Best Answer
Ekko replied on at Permalink Reply
Ekko
If your trying to make a list of sortable items you will want to look here,

http://www.concrete5.org/documentation/developers/system/searching-...
aprobert replied on at Permalink Reply 1 Attachment
Thanks for the reply. I'm not sure if that's exactly what I'm looking for. Actually, I'm really not sure, because all that code is over my head.

What I'd like to do is have a page list in a dropdown list rather than all displayed at once. For example, my site is for my class. I have a list of students that each have their own page. Currently I have all the students(with a link to each of their pages) listed on a page. I'd like to have a dropdown list that opens up to allow you click on a student name and be taken to their page. You can see how the student page currently looks at probertaop.org/students. I would prefer to be able to list the students with links to their pages as seen in the attachment.

Thanks so much for any help.
JohntheFish replied on at Permalink Reply
JohntheFish
What you are probably looking for is an accordion or expander, perhaps like:

http://www.concrete5.org/marketplace/addons/accordion-menu/...

or:

http://www.concrete5.org/marketplace/addons/expand-collapse/...

There is also a more sophisticated page layout based accordion:

http://www.concrete5.org/marketplace/addons/easy-accordion/...

I have just released a 'Magic Tabs' addon (http://www.concrete5.org/about/blog/add-on-releases/add-on-approved-magic-tabs/) and am thinking of creating a similar addon that does expanders and accordions (they are all very similar from a DOM point of view)
aprobert replied on at Permalink Reply
Thanks for the quick reply. I had considered the accordion menu and expand/collapse, but it seems like those are more appropriate for content as opposed to a list of page links for students' names. However, I guess they could serve as a best available option.

I actually, just saw your tabs addon a few days ago and was planning to use that for another purpose in my site. Like the accordion menu and expand/collapse, I see the tabs addon more geared towards organizing content than lists. That addon looks great by the way. If you're considering creating a dropdown list addon, I would certainly be a customer and very thankful!

Thanks again for all your help.
aprobert replied on at Permalink Reply 1 Attachment
I was just looking at your "Front End List Magic" addon and thought I'd refer to one of your screenshots as an example of what I'm looking for. You have a dropdown list of options that is the same idea as what I'd like to do. I've attached a picture with this message.
JohntheFish replied on at Permalink Reply
JohntheFish
That's a standard html form select element. I expect you can put together something like that with the form block.
Steevb replied on at Permalink Best Answer Reply
Steevb
One way with the HTML block:

<form name="menu">
<p align="center">
<select name="choose">
<option selected>Choose</option>
<option value="#link">iPhone</option>
<option value="#link">iPad</option>
<option value="#link">iMac</option>
<option value="#link">Macbook</option>
</select>
<input type="button" onClick="location=document.menu.choose.options[document.menu.choose.selectedIndex].value;" value="GO!"></p>
</form>
aprobert replied on at Permalink Reply
The html code got it. AS it so often is, the solution was actually more simple than expected. Thank you so much for everyone's help! I wish I was more knowledgeable about website design and could return the favor.