Slider - Post ID 281837

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
14,447 posts
Online Now

Like this?
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 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
14,447 posts
Online Now

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 work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



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.