Announcement

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

    Changing the HeaderStyle of the SectionStackSection

    Hello smart guyz!

    I am wondering if any one tries to change the HeaderStyle of the SectionStackSection I tried the following code

    Code:
    public void onModuleLoad() {
    		
    		SectionStack mainSectionStack = new SectionStack();
    		SectionStackSection sectionStacksection1 = new SectionStackSection("Header to change it");
    		SectionStackSection sectionStacksection2 = new SectionStackSection();
    
    		
    		//Add SectionStackSections to the main SectionStack
    		mainSectionStack.addSection(sectionStacksection1);
    		mainSectionStack.addSection(sectionStacksection2);
    		mainSectionStack.getMember(0).setStyleName("test");
    		mainSectionStack.getMember(0).setHeight(50);
    		
    		
    		//Define HLayout to put it inside the SectionStackSections
    		HLayout layout = new HLayout();layout.setHeight("50%");
    		layout.setBackgroundColor("#FF0000");
    		
    		//Add HLayout to the SectionStackSections
    		sectionStacksection1.addItem(layout);
    		
    		layout = new HLayout();layout.setHeight("50%");
    		layout.setBackgroundColor("#00FF00");
    		sectionStacksection2.addItem(layout);
    		
    		SectionHeader sectionHeader1 = mainSectionStack.getSection(1).getSectionHeader();
    
    		//Draw the sectionStackSection
    		mainSectionStack.draw();
    		
    }
    And here is the CSS file:

    Code:
    .test{
    	font-family: Arial,Verdana,sans-serif;
    	font-size: 17pt;
        font-weight: Bold;
    	color: red;	
    	padding-left: 7px;
    /*  font-family:Arial,Verdana,sans-serif; font-size:20px; */
    }

    Now why the font color changed but the the font style and size does not change? Is there other ways to change them? also I want to shift the headerText some pixels is that applicable?

    I adopt a label solution but when the user clicks on the label the SectionStackSection does not toggle its state, so I am trying to find a way to change the style instead of the label solution.

    #2
    I forget to mention that this issue appears on IE, FF and Chrome all versions

    Comment


      #3
      The same issue here i cant control styling and position of section stack section header title .
      please help

      Comment

      Working...
      X