|
Hi, I have been testing out mb.extruder with plans of using it as a dropdown in the middle of my page (in a table cell). May fault for not paying attention and not being all that familiar with the technology. Is there anyway to do this? I need to display a dropdown in the middle of the page, and mb.extruder seemed like a great option for displaying a lot of options. Thanks a million for the time and help. LB |
|
The jquery.mb.extruder has, as default, a position: absolute , top:0, left: 50%, margin-left: 1/2 extruder width. That means if you place it as BODY child it will be positioned on the top of your window; if you place it inside a block DOM element (DIV) that has a position relative it will be placed on the top of this element. In your case you should wrap the extruder into a DIV with position "relative" and put it into the TD. If you set the positionFixed param as true, the jquery.mb.extruder will not move once the page scrolls. You can also override all CSS attribute that sets the mb.extruder position by adding "!important" at the end of each modified attribute of the CSS class you change; kip in mind that the component add to each extruder a CSS class: .extruder and a CSS class: .top or .left (depending on its position). For example, you can change the top position of an Extruder top in that way: |
|
Hi, With the following: .extruder.top{ top:500px !important; } the extruder is static on the page when I resize the window, how can I put the extruder on determinated position on top and reallocated when resizing? thanks, |
