GWT-Bootstrap 2.0.4.0 API

Welcome to the GWT-Bootstrap Javadoc.

See:
          Description

Packages
com.github.gwtbootstrap.client All the GWT Bootstrap files and packages.
com.github.gwtbootstrap.client.ui Widgets that can be used in other GWT projects.
com.github.gwtbootstrap.client.ui.base Classes that are extended by interface components.
com.github.gwtbootstrap.client.ui.config Classes and interfaces that allow a customization of GWT-Bootstrap default behavior.
com.github.gwtbootstrap.client.ui.constants Constants, mostly CSS style names, that are defined by Bootstrap.
com.github.gwtbootstrap.client.ui.event Bootstrap events and handlers.
com.github.gwtbootstrap.client.ui.incubator Widgets that are not yet ready for prime time.
com.github.gwtbootstrap.client.ui.resources Bootstrap resources like Javascript and CSS files plus logic to get them into the DOM.
com.github.gwtbootstrap.client.ui.resources.prettify Resources and implementation classes for Google Prettify.
com.github.gwtbootstrap.datepicker.client  
com.github.gwtbootstrap.datepicker.client.ui  
com.github.gwtbootstrap.datepicker.client.ui.base  
com.github.gwtbootstrap.datepicker.client.ui.resources  
com.github.gwtbootstrap.datepicker.client.ui.util  

 

Welcome to the GWT-Bootstrap Javadoc.

GWT-Bootstrap provides GWT widgets styled and (partly) operated by Twitter's Bootstrap. Bootstrap is a project of Mark Otto and Jacob Thornton.

Installation

Add
        <inherits name="com.github.gwtbootstrap.Bootstrap" />
        
to your *.gwt.xml file.
and Add below to your html's head tag.
<head>
 		<!-- before your module(*.nocache.js) loading  -->
		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<!--[if IE 7]>
 		<link rel="stylesheet" href="{your module name}/css/font-awesome-ie7.css">
		<![endif]-->
		<!-- your module(*.nocache.js) loading  -->
		...
	</head>

        

IMPORTANT: If you are using GWT-Platform, please take a look at this comment on issue #82.


Setting up UiBinder

Add
        xmlns:b="urn:import:com.github.gwtbootstrap.client.ui"
        
to the top of every UiBinder file that uses GWT-Bootstrap widgets. You can then use the widgets in the "b" namespace:
        <b:Button>Some Button</b:Button>
        

As usual, all setters map to UiBinder attributes. So the method setType(IconType type) can (and in this case: has to) be used via:

        <b:Icon type="PLANE" />
        
As you can see, the values are the ones of Bootstrap without the prefix and in capital letters ("PLANE" instead of "icon-plane").

Enabling Responsive Design

Add the following to your *.gwt.xml file:
<set-property name="bootstrap.responsiveDesign" value="true"/>
 	

Getting started with the library

Some things to get you started with:

-- The list of all available widgets.
-- A way to provide your own Bootstrap JavaScript/CSS files.
-- Our Showcase (external)
-- The code on Github (external)

Please don't hesitate to ask questions in our Google Group and open an issue if you found a bug or have a feature suggestion.

See Also:
Maven project site


Copyright © 2012 gwtbootstrap. All Rights Reserved.