Thursday, September 30, 2010

Creating a TabPanel in UIBinder Declarative Layout View

Some posts just need to be short and sweet.  Looking to create a TabPanel in UiBinder for GWT?  Check out this article and code below:

    <g:TabLayoutPanel addStyleNames="{style.tabPanelExample1}"
                        ui:field="tabPanel" barUnit="PX" barHeight="60" width="375px"
                        height="150px">
                        <g:tab>
                            <g:header>
                                UiBinder Tab 1
            </g:header>
                            <g:HTML>
                                Hello tab 1
                                <br />
                                Good bye!
                            </g:HTML>
                        </g:tab>
                        <g:tab>
                            <g:header>
                                UiBinder Tab 2
            </g:header>
                            <g:HTML>
                                <h2>Hello tab 2</h2>
                            </g:HTML>
                        </g:tab>
                        <g:tab>
                            <g:header>
                                UiBinder Tab 3
            </g:header>
                            <g:HTML>
                                <strong>
                                    <i>
                                        <u>Hello tab number 3</u>
                                    </i>
                                </strong>
                            </g:HTML>
                        </g:tab>
                    </g:TabLayoutPanel>

No comments:

Post a Comment