Foundation 3 Custom Dropdowns

f3-custom-dropdowns.html

<label for="customDropdown">Dropdown Label</label>
<select style="display:none;" id="customDropdown">
  <option SELECTED>This is a dropdown</option>
  <option>This is another option</option>
  <option>Look, a third option</option>
</select>
<div class="custom dropdown">
  <a href="#" class="current">This is a dropdown</a>
  <a href="#" class="selector"></a>
  <ul>
    <li>This is a dropdown</li>
    <li>This is another option</li>
    <li>Look, a third option</li>
  </ul>
</div>

I cp-ed this, The drop down option is not showing. http://ow.ly/i/NrH1

This code doesn't seem to give the desired outcome unless I'm missing something?

There is no dropdown option

Has to be inside a form with a class of 'custom
' to work, sorry that's not represented in the gist.

thanks jonathan!

…

On Mon, Jul 30, 2012 at 4:15 PM, Jonathan Smiley < ***@***.*** > wrote: Has to be inside a form with a class of 'custom ' to work, sorry that's not represented in the gist. --- Reply to this email directly or view it on GitHub: https://gist.github.com/2955100

Just a quickie,

I'm developing in aspx webforms, which means the whole body of the page is inside a form tag, do you have a legit alternative method?

cheers,
phil

If you dont mind can we use the custom class? I like how your form is designed.

Phil: not right now, but we'd like to and hopefully will in a future version. You could go into the CSS and grab the styles that are based on being inside .custom and abstract them out to something else, a div.custom or just remove that requirement.

Hay smileyj68, I got the CSS and tried using in my page didnt seem to work. Can you provide us a details information using custom CSS?

I found the solution, thanks m8

I didn't grab the JS file.