> I have a page where the MainMenu has a few simple dropdown lists > (using NestedSlidersPlugin) that appear half-way down the page....I can > ´t see what is causing this behaviour...or how to resolve it.... > +...@[people |People] > <<tiddler People>> > === > ++...@[ Locations|Locations] > <<tiddler Locations>> > ===
What's happening is that the slider panel position is being automatically offset from the slider button by an amount equal to the offset between the button and the origin (e.g., if the button is approx. 2 inches down the page, the slider will then appear approx 2 inches below the button) I've run into this same issue myself, and the problem only seems to occur if the floating sliders are rendered within the MainMenu, due to the particular CSS that the browser needs to use when positioning the MainMenu DOM element within the document. Fortunately, there is a workaround: wrap each nested slider within a 'relative' element, which establishes a new offset origin for calculating the slider panel position. Like this: @@position:relative;+...@[people] <<tiddler People>> ===@@@@position:relative;++...@[locations] <<tiddler Locations>> ===@@ That should fix things for you... enjoy -e Eric Shulman TiddlyTools / ELS Design Studios --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To post to this group, send email to TiddlyWiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/TiddlyWiki?hl=en -~----------~----~----~----~------~----~------~--~---
