Slider labels


Slider labels

Author
Message
nivong
nivong
Associate Member
Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)

Group: Forum Members
Posts: 13, Visits: 57
Hello hello, 

I would like to label my slider line with labels like "Mag ich gar nicht." and "Mag ich sehr gerne." and additionally with the numbers 1 to 7. How is this possible?

That is what I have done already: 

<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?"
/ labels=("Mag ich gar nicht.", "Mag ich sehr gerne.")
/ range = (1, 7)
/ labelrange= true
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true

I hope someone can help out! 
Kind regards, Nina


Dave
Dave
Supreme Being
Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)

Group: Administrators
Posts: 9.6K, Visits: 44K
nivong - 7/5/2019
Hello hello, 

I would like to label my slider line with labels like "Mag ich gar nicht." and "Mag ich sehr gerne." and additionally with the numbers 1 to 7. How is this possible?

That is what I have done already: 

<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?"
/ labels=("Mag ich gar nicht.", "Mag ich sehr gerne.")
/ range = (1, 7)
/ labelrange= true
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true

I hope someone can help out! 
Kind regards, Nina


<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?~n"
/ labels=("Mag ich gar nicht.~n1","~n2","~n3","~n4","~n5","~n6", "Mag ich sehr gerne.~n7")
/ range = (1, 7)
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true
</slider>

nivong
nivong
Associate Member
Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)

Group: Forum Members
Posts: 13, Visits: 57
Dave - 7/5/2019
nivong - 7/5/2019
Hello hello, 

I would like to label my slider line with labels like "Mag ich gar nicht." and "Mag ich sehr gerne." and additionally with the numbers 1 to 7. How is this possible?

That is what I have done already: 

<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?"
/ labels=("Mag ich gar nicht.", "Mag ich sehr gerne.")
/ range = (1, 7)
/ labelrange= true
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true

I hope someone can help out! 
Kind regards, Nina


<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?~n"
/ labels=("Mag ich gar nicht.~n1","~n2","~n3","~n4","~n5","~n6", "Mag ich sehr gerne.~n7")
/ range = (1, 7)
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true
</slider>

Great! Thanks a lot!!
nivong
nivong
Associate Member
Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)Associate Member (86 reputation)

Group: Forum Members
Posts: 13, Visits: 57
Dave - 7/5/2019
nivong - 7/5/2019
Hello hello, 

I would like to label my slider line with labels like "Mag ich gar nicht." and "Mag ich sehr gerne." and additionally with the numbers 1 to 7. How is this possible?

That is what I have done already: 

<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?"
/ labels=("Mag ich gar nicht.", "Mag ich sehr gerne.")
/ range = (1, 7)
/ labelrange= true
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true

I hope someone can help out! 
Kind regards, Nina


<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?~n"
/ labels=("Mag ich gar nicht.~n1","~n2","~n3","~n4","~n5","~n6", "Mag ich sehr gerne.~n7")
/ range = (1, 7)
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true
</slider>

This worked out very well except from the label "6" which is not shown on my sliders. May because the label "Mag ich sehr gerne." is too long? How can I solve this issue? 



I hope you can help me out, thanks a lot! 
Dave
Dave
Supreme Being
Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)Supreme Being (647K reputation)

Group: Administrators
Posts: 9.6K, Visits: 44K
nivong - 7/8/2019
Dave - 7/5/2019
nivong - 7/5/2019
Hello hello, 

I would like to label my slider line with labels like "Mag ich gar nicht." and "Mag ich sehr gerne." and additionally with the numbers 1 to 7. How is this possible?

That is what I have done already: 

<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?"
/ labels=("Mag ich gar nicht.", "Mag ich sehr gerne.")
/ range = (1, 7)
/ labelrange= true
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true

I hope someone can help out! 
Kind regards, Nina


<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?~n"
/ labels=("Mag ich gar nicht.~n1","~n2","~n3","~n4","~n5","~n6", "Mag ich sehr gerne.~n7")
/ range = (1, 7)
/ position = (15, 20)
/ slidersize = (60%, 20%)
/ increment = 1
/ required = true
</slider>

This worked out very well except from the label "6" which is not shown on my sliders. May because the label "Mag ich sehr gerne." is too long? How can I solve this issue? 



I hope you can help me out, thanks a lot! 

You will have to increase the /slidersize such that the labels don't overlap.

Alternatively, you could make the writtien labels narrower by adding an additional line break:

<slider liking_joghurt>
/ caption="Wie sehr mögen Sie Naturjoghurt?~n"
/ labels=("Mag ich~ngar nicht.~n1","~n~n2","~n~n3","~n~n4","~n~n5","~n~n6", "Mag ich~nsehr gerne.~n7")
/ range = (1, 7)
/ position = (15, 20)
/ slidersize = (30%, 20%)
/ increment = 1
/ required = true
</slider>


Edited
Last Week by Dave
GO


Reading This Topic


Login
Existing Account
Email Address:


Password:


Social Logins

Select a Forum....






Millisecond Forums


Search