DisclosurePanel wraps the header in an <a>, hence the underlined text and
bordered image.
You need to remove the default CSS that GWT provides for DisclosurePanel
and DisclosurePanelHeader
Remove .gwt-DisclosurePanel, .gwt-DisclosurePanel-closed and
.gwt-DisclosurePanel-content from the DisclosurePanel instance you are
using and set your own CSS style to it.
Something like this:
.my-DisclosurePanel {
}
.my-DisclosurePanel-open {
width: 100%;
height: 100%
}
.my-DisclosurePanel-closed {
}
.my-DisclosurePanel .header,
.my-DisclosurePanel .header a,
.my-DisclosurePanel .header td {
text-decoration: none; /* Remove underline from header */
color: black;
cursor: pointer;
cursor: hand;
}
.my-DisclosurePanel .content {
width: 100%;
height: 100%
/*border-left: 3px solid #e8eef7;
padding: 4px 0px 4px 8px;
margin-left: 6px;*/
}
That will get ride of any decoration gwt provides unnecessarily to
DisclosurePanel
Thanks,
Vaishali
On Monday, April 12, 2010 9:04:50 AM UTC-4, Konstantin Konyaev wrote:
>
> Gentlemen,
> I use Disclosure Panel widget. Its OPEN button is image-based. Both in
> Hosted Mode and under Firefox there is a solid border around the
> button's image (it's blue in Hosted Mode and black under Firefox). I
> hate the border and wanna destroy 'em. How can I do it? I am clever
> guy :) and tried to cook CSS
> I used
> border-color: white;
> margin-left:0;
> margin-top:0;
> button-margin-bottom:0px;
> margin-color:white;
>
> Unfortunately all the ways are fully useless. Lo how can I solve the
> problem?
>
> With best regards
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-web-toolkit/-/NI1yRtCfWnYJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
