Numbers inside of the bullets?

johandesilva's Avatar

johandesilva

18 Oct, 2012 10:18 AM

Is there a simple option to add numbers inside the bullets for styling and accessibility or do have to go down the "tabs" root?

  1. Support Staff 1 Posted by Dmitry Semenov on 18 Oct, 2012 04:01 PM

    Dmitry Semenov's Avatar

    You can append numbers via jQuery after slider initialization:

    jQuery('.royalSlider .rsNavItem').each(function(i) {
        $(this).html(i + 1); 
    });
    

    Or you can use tabs instead of bullets and 1,2,3,4 content of them.

    Dmitry

  2. 2 Posted by Nico Prat on 24 Oct, 2012 08:12 AM

    Nico Prat's Avatar

    You could also use a CSS-only solution with counters :
    http://www.w3schools.com/cssref/pr_gen_counter-increment.asp

    Available from IE8+ and all modern browsers :
    http://caniuse.com/#search=counter

  3. Dmitry Semenov closed this discussion on 01 Nov, 2012 04:50 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac