Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Change width of scroll buttons

Home Forums Older releases 1.0.x + Bootstrap addon Change width of scroll buttons

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #2708


    I am using smart menu to replace the select tag.

    I am trying to increase the width of span with up and down arrows but it is not increasing. I am using the following code

    $('#menu-id').bind('show.smapi', function(e, menu) {
        $("span.scroll-down, span.scroll-up").css({"width":"1000px"});

    Is there a setting or some function to get this done ?



    Hm, when I test this on the default demo page “bootstrap-navbar.html”, it works fine. Make sure you are calling it after #menu-id is available in the DOM.

    BTW, if you don’t need dynamic values, just use CSS – e.g. like this:

    #menu-id span.scroll-down, #menu-id span.scroll-up {
    	width: 1000px !important;

    !important is needed because the script tries to set the width dynamically and we need to override it.

    If you are still having troubles, please post an URL to some kind of demo page where I could test the issue. Thanks!


    Thanks for your help.

    I tried it but the width will change dynamically so I changed it in javascript on line 789. I added the following part of code to css property of element

    minWidth: subW-(parseInt($sub.css('border-left-width')) || 0) - (parseInt($sub.css('border-right-width')) || 0) 

    The full line of code is

    $sub.dataSM('scroll', {
    								step: 1,
    								// cache stuff for faster recalcs later
    								itemH: itemH,
    								subH: subH,
    								arrowDownH: this.getHeight($sub.dataSM('scroll-arrows').eq(1))
    								['mouseover', function(e) { self.menuScrollOver($sub, e); }],
    								['mouseout', function(e) { self.menuScrollOut($sub, e); }],
    								['mousewheel DOMMouseScroll', function(e) { self.menuScrollMousewheel($sub, e); }]
    							], eNS))
    							.dataSM('scroll-arrows').css({ top: 'auto', left: '0', marginLeft: x + (parseInt($sub.css('border-left-width')) || 0), width: subW - (parseInt($sub.css('border-left-width')) || 0) - (parseInt($sub.css('border-right-width')) || 0), minWidth: subW-(parseInt($sub.css('border-left-width')) || 0) - (parseInt($sub.css('border-right-width')) || 0) ,zIndex: $sub.css('z-index') })
    								.eq(horizontalParent && this.opts.bottomToTopSubMenus ? 0 : 1).show();


Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘1.0.x + Bootstrap addon’ is closed to new topics and replies.