Slider

User 2303371 Photo


Registered User
27 posts

I am having problem designing the slider in SD3 (https://foundation.zurb.com/sites/docs/slider.html) . The Code copy from Zurb Foundation.

<div class="slider" data-slider data-initial-start="50" data-end="200">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1"></span>
<span class="slider-fill" data-slider-fill></span>
<input type="hidden">
</div>
If any one can help me by providing the sample of the code in SD3.

User 122279 Photo


Senior Advisor
13,004 posts

Like this?
Attachments:
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 2303371 Photo


Registered User
27 posts

Inger wrote:
Like this?


Thank you.

But When preview in browser I have blue square (slider) in the middle. I would be grateful if you could check it.

Once again thank you.
Attachments:
User 122279 Photo


Senior Advisor
13,004 posts

That is correct, because according to the code on that Foundation page the initial value was '50'. Just change it to whatever you like.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/



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.