you can replace the classes of TabLayoutPanel in your CSS..
For example to get the round corners, you can do something like this:
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
> border-radius: 5px 5px 5px 5px;
> -moz-border-radius: 5px 5px 5px 5px;
> -webkit-border-radius: 5px 5px 5px 5px;
> border: 1px solid #b3b3b3;
> background-color: #fff;
> }
To get start to replace the style i suggest you to copy and paste in your
style.css the the classes of TabLayoutPanel from the clean.css
In particular you would find these classes:
.gwt-TabLayoutPanel {
> }
> .gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
> background: #ccc;
> padding-top: 6px;
> padding-left: 5px;
> }
> .gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
> border-color: #ccc;
> border-style: solid;
> border-width: 0px 1px 1px;
> }
> .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
> overflow: hidden;
> padding: 6px;
> }
> .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
> margin-left: 4px;
> padding: 4px 8px 4px 8px;
> cursor: pointer;
> cursor: hand;
> color: white;
> font-weight: normal;
> text-align: center;
> background: #8E8E8E;
> -moz-border-radius: 3px 3px 0px 0px;
> border-radius: 3px 3px 0px 0px;
> }
> .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
> cursor: default;
> background: white;
> color: #333;
> font-weight: bold;
> }
On Mon, Sep 8, 2014 at 9:14 PM, KGD <[email protected]> wrote:
> How can I make the TabLayouPanel have the same appearance as the
> DecoratedTabPanel? Specifically, the DecoratedTabPanel has the rounded
> edges, separated tabs and generally a cleaner appearance.
>
> Thanks,
> Keith
>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Web Toolkit" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/google-web-toolkit.
> For more options, visit https://groups.google.com/d/optout.
>
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.
