Re: Disclosure Panel - how can I avoid from button border?

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 google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.