Theme based on the Twitter Bootstrap 3 CSS framework. More...

#include <Wt/WBootstrap3Theme.h>

Inheritance diagram for Wt::WBootstrap3Theme:

Public Member Functions
	WBootstrap3Theme ()
	Constructor.

void	setResponsive (bool responsive)

bool	responsive () const
	Returns whether responsive features are enabled. More...

void	setFormControlStyleEnabled (bool enabled)
	Enables form-control on all applicable form widgets. More...

virtual std::string	name () const override
	Returns a theme name. More...

virtual std::string	resourcesUrl () const override
	Returns the URL where theme-related resources are stored. More...

virtual std::vector< WLinkedCssStyleSheet >	styleSheets () const override
	Returns a vector with stylesheets for the theme. More...

virtual void	init (WApplication *app) const override
	Called when the theme is assigned to a WApplication. More...

virtual void	apply (WWidget widget, WWidget child, int widgetRole) const override
	Applies the theme to a child of a composite widget. More...

virtual void	apply (WWidget *widget, DomElement &element, int elementRole) const override
	Applies the theme to a DOM element that renders a widget. More...

virtual std::string	disabledClass () const override
	Returns a generic CSS class name for a disabled element.

virtual std::string	activeClass () const override
	Returns a generic CSS class name for an active element.

virtual std::string	utilityCssClass (int utilityCssClassRole) const override
	Returns a generic CSS class name for the chosen role. More...

virtual bool	canStyleAnchorAsButton () const override
	Returns whether the theme allows for an anchor to be styled as a button.

virtual void	applyValidationStyle (WWidget *widget, const Wt::WValidator::Result &validation, WFlags< ValidationStyleFlag > flags) const override
	Applies a style that indicates the result of validation.

Public Member Functions inherited from Wt::WTheme
	WTheme ()
	Constructor.

virtual	~WTheme ()
	Destructor.

virtual void	serveCss (WStringStream &out) const
	Serves the CSS for the theme. More...

virtual Side	panelCollapseIconSide () const
	Returns which side the WPanel collapse icon should be added on. More...

Public Member Functions inherited from Wt::WObject
void	addChild (std::unique_ptr< WObject > child)
	Add a child WObject whose lifetime is determined by this WObject.

template<typename Child >
Child *	addChild (std::unique_ptr< Child > child)
	Add a child WObject, returning a raw pointer. More...

std::unique_ptr< WObject >	removeChild (WObject *child)
	Remove a child WObject, so its lifetime is no longer determined by this WObject.

template<typename Child >
std::unique_ptr< Child >	removeChild (Child *child)
	Remove a child WObject, so its lifetime is no longer determined by this WObject. More...

virtual const std::string	id () const
	Returns the (unique) identifier for this object. More...

virtual void	setObjectName (const std::string &name)
	Sets an object name. More...

virtual std::string	objectName () const
	Returns the object name. More...

void	resetLearnedSlots ()
	Resets learned stateless slot implementations. More...

template<class T >
void	resetLearnedSlot (void(T::*method)())
	Resets a learned stateless slot implementation. More...

template<class T >
WStatelessSlot *	implementStateless (void(T::*method)())
	Declares a slot to be stateless and learn client-side behaviour on first invocation. More...

template<class T >
WStatelessSlot *	implementStateless (void(T::method)(), void(T::undoMethod)())
	Declares a slot to be stateless and learn client-side behaviour in advance. More...

void	isNotStateless ()
	Marks the current function as not stateless. More...

template<class T >
WStatelessSlot *	implementJavaScript (void(T::*method)(), const std::string &jsCode)
	Provides a JavaScript implementation for a method. More...

Public Member Functions inherited from Wt::Core::observable
	observable () noexcept
	Default constructor.

virtual	~observable ()
	Destructor. More...

template<typename... Args, typename C >
auto	bindSafe (void(C::*method)(Args...)) noexcept
	Protects a method call against object destruction. More...

template<typename... Args, typename C >
auto	bindSafe (void(C::*method)(Args...) const) const noexcept
	Protects a const method call against object destruction. More...

template<typename Function >
auto	bindSafe (const Function &function) noexcept
	Protects a function against object destruction. More...

Additional Inherited Members
Public Types inherited from Wt::WObject
typedef void(WObject::*	Method) ()
	Typedef for a WObject method without arguments.

Protected Member Functions inherited from Wt::WObject
virtual WStatelessSlot *	getStateless (Method method)
	On-demand stateless slot implementation. More...

Detailed Description

Theme based on the Twitter Bootstrap 3 CSS framework.

This theme implements support for building a Wt web application that uses Twitter Bootstrap as a theme for its (layout and) styling. The theme comes with CSS from Bootstrap version 3.1. Only the CSS components of twitter bootstrap are used, but not the JavaScript (i.e. the functional parts), since the functionality is already built-in to the widgets from the library.

Using this theme, various widgets provided by the library are rendered using markup that is compatible with Twitter Bootstrap. The bootstrap theme is also extended with a proper (compatible) styling of widgets for which bootstrap does not provide styling (table views, tree views, sliders, etc...).

By default, the theme will use CSS resources that are shipped together with the Wt distribution, but since the Twitter Bootstrap CSS API is a popular API for custom themes, you can easily replace the CSS with custom-built CSS (by reimplementing styleSheets()).

Although this theme facilitates the use of Twitter Bootstrap with Wt, it is still important to understand how Bootstrap expects markup to be, especially related to layout using its grid system, for which we refer to the official bootstrap documentation, see http://getbootstrap.com

See also: WApplication::setTheme()

Member Function Documentation

◆ apply() [1/2]

void Wt::WBootstrap3Theme::apply	(	WWidget *	widget,
		DomElement &	element,
		int	elementRole
	)		const

overridevirtual

Applies the theme to a DOM element that renders a widget.

The element is a rendered representation of the widget, and may be further customized to reflect the theme.

Implements Wt::WTheme.

◆ apply() [2/2]

void Wt::WBootstrap3Theme::apply	(	WWidget *	widget,
		WWidget *	child,
		int	widgetRole
	)		const

overridevirtual

Applies the theme to a child of a composite widget.

The widgetRole indicates the role that child has within the implementation of the widget.

Implements Wt::WTheme.

◆ init()

void Wt::WBootstrap3Theme::init ( WApplication * app ) const

overridevirtual

Called when the theme is assigned to a WApplication.

This allows the theme to do things like load resource bundles when it is added to an application using WApplication::setTheme().

The default implementation does nothing.

Reimplemented from Wt::WTheme.

◆ name()

std::string Wt::WBootstrap3Theme::name ( ) const

overridevirtual

Returns a theme name.

Returns a unique name for the theme. This name is used by the default implementation of resourcesUrl() to compute a location for the theme's resources.

Implements Wt::WTheme.

◆ resourcesUrl()

std::string Wt::WBootstrap3Theme::resourcesUrl ( ) const

overridevirtual

Returns the URL where theme-related resources are stored.

The default implementation considers a folder within Wt's resource directory, based on the theme name().

Reimplemented from Wt::WTheme.

◆ responsive()

bool Wt::WBootstrap3Theme::responsive ( ) const

Returns whether responsive features are enabled.

See also: setResponsive()

◆ setFormControlStyleEnabled()

void Wt::WBootstrap3Theme::setFormControlStyleEnabled ( bool enabled )

Enables form-control on all applicable form widgets.

By applying "form-control" on form widgets, they will become block level elements that take the size of the parent (which is in bootstrap's philosphy a grid layout).

The default value is true.

◆ setResponsive()

void Wt::WBootstrap3Theme::setResponsive ( bool responsive )

Enables responsive features.

Responsive features can be enabled only at application startup. For bootstrap 3, you need to use the progressive bootstrap feature of Wt (see 10.2 General application settings (wt_config.xml)) as it requires setting HTML meta flags.

Responsive features are disabled by default.

◆ styleSheets()

std::vector< WLinkedCssStyleSheet > Wt::WBootstrap3Theme::styleSheets ( ) const

overridevirtual

Returns a vector with stylesheets for the theme.

This should return a vector with stylesheets that implement the theme. This list may be tailored to the current user agent, which is read from the application environment.

Implements Wt::WTheme.

◆ utilityCssClass()

std::string Wt::WBootstrap3Theme::utilityCssClass ( int utilityCssClassRole ) const

overridevirtual

Returns a generic CSS class name for the chosen role.

See also: WTheme::utilityCssClassRole

Implements Wt::WTheme.

Public Member Functions

Additional Inherited Members

Detailed Description

Member Function Documentation

◆ apply() [1/2]

◆ apply() [2/2]

◆ init()

◆ name()

◆ resourcesUrl()

◆ responsive()

◆ setFormControlStyleEnabled()

◆ setResponsive()

◆ styleSheets()

◆ utilityCssClass()