css - Showing one widget over other panel -
i'm working gwt , have problem trying show 1 verticalpanel on other panel. have 2 panels in app: 1 menu bar , other 1 main content. verticalpanel menu bar , when move mouse on it, opened showing more options(widgets). problem new widgets hidden panel below menu bar. want show whole widget if it's partially "invading" panel. i've tried z-index property css can't it.
public class example2 implements entrypoint { public void onmoduleload() { //creating layout 1 contain 2 simplepanels docklayoutpanel docklayoutpanel = new docklayoutpanel(unit.em); docklayoutpanel.setstyleprimaryname("layout"); //creating 2 simplepanels simplepanel menupanel = new simplepanel(); menupanel.setstyleprimaryname("menupanel"); simplepanel maincontentpanel = new simplepanel(); maincontentpanel.setstyleprimaryname("maincontentpanel"); //adding panels docklayoutpanel docklayoutpanel.addnorth(menupanel, 10); docklayoutpanel.add(maincontentpanel); verticalpanel vpanel = new verticalpanel(); //creating buttons button = new button("button"); vpanel.add(a); button b = new button("morebutton"); vpanel.add(b); button c = new button("anotherbutton"); vpanel.add(c); button d = new button("buttonbutton"); vpanel.add(d); button e = new button("lastbutton"); vpanel.add(e); //adding buttons menupanel(simplepanel) menupanel.add(vpanel); rootlayoutpanel rp = rootlayoutpanel.get(); rp.add(docklayoutpanel); } } and .css
.layout{ font-size:10px; } .menupanel{ background:#e8f8ff; } .maincontentpanel{ background:#eee9e9; } with example might see point. know it's dumb one, shows problem. buttons added vpanel shown long occupy space in menupanel, rest hidden under maincontentpanel.
it can simple changing order in add menu panel , main panel parent widget. add main panel first, menu panel. obviously, it's hard sure without seeing code.
Comments
Post a Comment