-2

Trying to implement radial responsive menu DEMO unable to pass additional parameters like menu position(bottom right etc) form this page Prameters

menu is not working with bottom-right parameter

$('#radial-menu').radialResponsiveMenu({
     'circleRadius': 70,
     'togglePosition': bottom-right
});

4 Answers 4

1

There are 9 options for this plugin that you can use.

Please Check :

https://github.com/agylardi/radial-responsive-menu

Use togglePosition option to set position for menu:

I have made example check JSFiddle

7
  • as soon as i add 'togglePosition': bottom-right as given in the above link the menu does not work , jsfiddle.net/a1khan/evLwp1jf/4
    – abu
    Sep 23, 2014 at 9:22
  • thanks vijay changed ur fiddle css with this position:fixed; bottom: 10px; right: 10px; and not the bottom-left parameter is working
    – abu
    Sep 23, 2014 at 10:01
  • Now You can customize as per your requirements Sep 23, 2014 at 10:07
  • can i have only one level menu with five links (list items) and no sub-menu ul's or list items from here link
    – abu
    Sep 23, 2014 at 10:10
  • can u limit the links to show the outer five links and not the inner three in ur fiddle
    – abu
    Sep 23, 2014 at 10:19
0

I think the demo page isn't generating usable javascript - you're likely to get an undefined variable error with what you have, as it will be trying to assign the value of the variable bottom minus the value of the variable right, both of which (probably) don't exist. Try wrapping it in quotes:

$('#radial-menu').radialResponsiveMenu({
     'circleRadius': 70,
     'togglePosition': 'bottom-right'
});
0

Change your Code to:

$('#radial-menu').radialResponsiveMenu({
     'circleRadius': 70,
     'togglePosition': 'bottom-right'
});

In your CSS add position:absolute; bottom:10px; right:10px; to #radial menu.

0
0

Do it like this:

$('#radial-menu').radialResponsiveMenu({
          'togglePosition': $('.positioned').css({ 'top': '', 'right':'10px', 'bottom':'10px', 'left':'' });
});

and in css define a class like this: .positioned{position:absolute;}

in html : <nav id="radial-menu" class="positioned">

thats it.

1
  • how can i make the links fade back after click on the list items (li) currently have to click the menu button is on open/close toggle link
    – abu
    Sep 23, 2014 at 11:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.