代码之家  ›  专栏  ›  技术社区  ›  special0ne

在GWT中控制选项卡栏的选项卡

  •  1
  • special0ne  · 技术社区  · 15 年前

    抱歉,这个愚蠢的问题,我对一般的用户界面和GWT都不熟悉。

    1. 如何控制标签宽度 在GWT中使用选项卡面板时?怎样
    2. 我怎么知道CSS属性 每个小部件都有?我想 控制选项卡颜色(选中和 未选择)并删除标签框

    谢谢

    2 回复  |  直到 15 年前
        1
  •  3
  •   ciczan    15 年前

    如果你对一般的用户界面还不熟悉,也许你不知道[firebug]。它是一个火狐插件,允许您(除其他外)检查页面中的每个元素,了解如何应用样式,甚至实时更改它们。它是 至关重要的 用于GWT开发。

    此外,为了单独控制每个选项卡样式,我认为您需要在选项卡上插入标签,使用 TabBar.addTab(Widget widget) ,并设置它们的样式。

        2
  •  1
  •   Peter Recore    15 年前

    这个 javadoc 对于decoratedAbbar列表,您可以同时用于选定和未选定的选项卡。

    * .gwt-DecoratedTabBar { the tab bar itself }
    * .gwt-DecoratedTabBar .gwt-TabBarFirst { the left edge of the bar }
    * .gwt-DecoratedTabBar .gwt-TabBarRest { the right edge of the bar }
    * .gwt-DecoratedTabBar .gwt-TabBarItem { unselected tabs }
    * .gwt-DecoratedTabBar .gwt-TabBarItem-wrapper { table cell around tab }
    * .gwt-DecoratedTabBar .gwt-TabBarItem-selected { additional style for selected tabs }
    * .gwt-DecoratedTabBar .gwt-TabBarItem-wrapper-selected { table cell around selected tab }
    * .gwt-DecoratedTabBar .tabTopLeft { top left corner of the tab}
    * .gwt-DecoratedTabBar .tabTopLeftInner { the inner element of the cell}
    * .gwt-DecoratedTabBar .tabTopCenter { top center of the tab}
    * .gwt-DecoratedTabBar .tabTopCenterInner { the inner element of the cell}
    * .gwt-DecoratedTabBar .tabTopRight { top right corner of the tab}
    * .gwt-DecoratedTabBar .tabTopRightInner { the inner element of the cell}
    * .gwt-DecoratedTabBar .tabMiddleLeft { left side of the tab }
    * .gwt-DecoratedTabBar .tabMiddleLeftInner { the inner element of the cell}
    * .gwt-DecoratedTabBar .tabMiddleCenter { center of the tab, where the tab text or widget resides }
    * .gwt-DecoratedTabBar .tabMiddleCenterInner { the inner element of the cell}
    * .gwt-DecoratedTabBar .tabMiddleRight { right side of the tab }
    * .gwt-DecoratedTabBar .tabMiddleRightInner { the inner element of the cell}
    
    推荐文章