I set glass enabled to true of a GWT dialog box. However, when the user has scrolled down in the window, then the "glass effect" does not cover the whole window anymore.
Does anyone know how to fix that? Many thanks for any advices!
You need a css property such as
moveToPopUp.setGlassStyleName("myApp-PopupPanel-GlassStyle");
where
.myApp-PopupPanel-GlassStyle{
background-color : #333;
opacity : 0.4;
clip : rect(auto,auto,auto,auto);
}
There is no straight fix available, but you can:
1. Remove scroll when showing popup with addStyleName, removeStyleName
2. There is also other solution, but you have to change layout of your style and will limit your functionality so I do not recommend this. But if you are interested I can describe this.
try
glassPanel.setSize("100%", "100%");
where glassPanel is the name of your panel,
be sure to include the import statement.
Related
I want to crate a popup window with close button and the content of the popup will be a split-app master-detail page.Which control should we use to achieve this?
I've tried with a sap.m.page but unable to change height and width.
I've tried with a sap.m.ResponsivePopover but i can't remove the arrow thing on the top from that.
The arrow in sap.m.ResponsivePopover is using the css classes .sapMPopoverArrUp and .sapMPopoverArr so you could probably overwrite them locally to remove the arrow.
Thanks.I have used overlaycontainer to acheive the requirement.
I have a search icon, when i click on that, a search popup will opens(which is actually a vertical panel). In this Date textboxes are there. when i am clicking on a Data textbox. Its coming, but its behind the Vertical Panel popup.
My question is, when datebox is clicked, Calender should come front. What i have to do for that.
Can anyone please help me.
Thanks in Advance,
Saritha.
You need to set the CSS z-index property for the calendar to a higher value than the popup's z-index.
I had the same problem and Using z-index didn't work for me. I removed all z-index values from style sheets instead, and so far it worked.
Hope it can be of use for you.
G.
I have this attached tabPanel , I want to remove this gray area, or make it white ..
Any idea how can i achieve this .
thanks
You can easily change it from CSS add these lines with desired color:
.gwt-TabBar .gwt-TabBarRest{
}
Check TabBar's CSS Style Rules for more information.
PS: If you use Firebug, you can find such stuffs without asking from someone else.
I need to build a tab looking like this one:
https://www.facebook.com/auto.co.il/app_134594493332806
I know how to add an image and a comment box and i know of several "plain" ways to hide the content from non-fans, but i came across the above tab and i really like the way it shows thee content yet you cant engage it until you press the like button.
Any help please?
Thanks in advance.
Oren
Your link didn't work for me, but you can place a absolutely positioned div with a high z-index above the rest of your content to prevent the user from clicking on anything.
Update: Now that the link has been updated I see that they are doing exactly what I described above. In chrome if you right-click the background and select "inspect element" you will see the following computed style for the div:
rgba(0,0,0,0.796);
display:block;
height:1612px;
width:810px;
The content is blacked out simply with a div with a black background and some opacity. Just for fun, you can overcome their like gate (without liking) via chrome's JS console by selecting the iframe context and then entering the following:
$('.like_float_c').detach();
... now call youself a 'hacker' ;)
I am making a vertical Menu using GWT MenuBar and selection of particular MenuItem shows content on the right, I am trying to make something similar to TabPanel, but with Tabs on left instead of being on top. Now, since I've got the Menu items and actions in place, I want to remove the effect of hovering over and changing color, and keep that menu item selected which was clicked last and whose content is loaded on the right.
I am open to any comments, if you have a better solution to implement this, using some other components(with-in) GWT, please drop in a comment with your suggestions, I'll really appreciate that.
Or if you can just tell me how can I disable this effect, of hovering and sticking to only that selection, That would be awesome too..
Thanks to everyone, taking time to read this and suggesting a solution.
It's all defined in the CSS of your GWT's theme (probably the default one), so it's a matter of overriding those styles - make sure it's not the other way around :) Inspect the code with a tool like Firebug to see what's exactly being set and change that.