Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    background color on tab

    Hello,

    I am using
    SmartClient Version: v8.3p_2013-04-19/PowerEdition Deployment (built 2013-04-19)

    With firefox 17.0.1


    How do I set the background color on a tab. I have a tabset and some tabs. I can get the canvas on the tab to change background, but not the tab (the area behind the text on each tab) and the entire tab. Here is what I have so far, which works for the canvas.

    Thanks,
    Evan

    HTMLPane htmlPane = new HTMLPane();
    htmlPane.setAutoDraw(false);

    Code:
    htmlPane.setContentsURL("./html/Home/index.html");
    		htmlPane.setContentsType(ContentsType.PAGE);
    		String strColor = "#BFFF9F";
    		htmlPane.setBackgroundColor(strColor);
    
    		htmlPane.setWidth100();
    		htmlPane.setHeight100();
    		htmlPane.setPadding(0);
    		tabHome.setPane(htmlPane);
    		tabHome.setPaneMargin(0);
    		tabHome.setAttribute("backgroundColor", strColor);
    		tabHome.setAttribute("background-color", strColor);
    		tabHome.setAttribute("background-image", "");

    #2
    and

    Tab tabHome = new Tab("Home");

    Comment


      #3
      If you're using simple simple tabs, you can modify the baseStyle for the tabs (via simpleTabBasestyle, for modifying all tabs, or via setAttribute("baseStyle", <styleName>); for a specific tab).
      If you're using image based tabs, you'll need to supply custom tab media and modify the "src" attribute to pick it up

      Regards
      Isomorphic Software

      Comment


        #4
        what is the css

        Hello,

        I am using the simple tabset, I think.

        What is the css for the base style I should set?

        Evan

        Comment


          #5
          got it

          Hello,

          Well worked on first guess.

          hometabstyle {
          background-color:#BFFF9F;
          }

          sort of wondering if we could make our app more colorful. and know I know.

          Thanks!
          Evan

          Comment


            #6
            By the way - if you haven't already, be sure to check out the Skinning overview documentation - it covers customizing a theme to change the look and feel of your application.

            Comment

            Working...
            X