Example

Default

A customizable HTML5 video player plugin for jQuery based on bootstrap UI.

List<Html5Player.IVideo> videos = Lists.<Html5Player.IVideo>newArrayList(
		new Video("video.ogv", "video/ogg"),
		new Video("video.mp4", "video/mp4")
);
add(new Html5Player("video", Model.ofList(videos)));

Customized

List<Html5Player.IVideo> videos = Lists.<Html5Player.IVideo>newArrayList(
		new Video("video.ogv", "video/ogg"),
		new Video("video.mp4", "video/mp4")
);
add(new Html5Player("video", Model.ofList(videos),
	new Html5VideoConfig().showProgressBar(false).autoHideControlBar(false))
		.setWidth(680).setHeight(360));

see issue #97.

see issue #112.

all available icons are documented here.

response.render(JavaScriptHeaderItem.forReference(OpenWebIconsCssReference.instance()));

add(new Icon("html5", OpenWebIconType.html5));

see issue #116.

An input mask by Robin Herbots.

Add some loading effects to your Ajax links and submit buttons with Ladda-Bootstrap.

laddaLink = new LaddaAjaxLink<String>("laddaLink", Model.of("Link, 2secs"), Buttons.Type.Success) {
    @Override public void onClick(AjaxRequestTarget target) {
        Duration.seconds(2).sleep();
    }
};
laddaLink.setEffect(LaddaBehavior.Effect.EXPAND_LEFT).setSize(Buttons.Size.Medium);

Add confirmation behavior for buttons and links with Bootstrap-Confirmation.

confirmationLink = new AjaxLink<String>("confirmationLink", Model.of("Link")) {
    @Override public void onClick(AjaxRequestTarget target) {
        info("Invoked link's #onClick()!");
        target.add(feedback);
    }
};
confirmationLink.add(new ConfirmationBehavior(new ConfirmationConfig().withBtnCancelLabel("Reject")));

Add ClockPicker behavior for input Bootstrap-ClockPicker.

textField = new TextField("clockPickerInput");
textField.add(new ClockPickerBehavior());

A mobile and touch friendly input spinner component for Bootstrap 3 based on TouchSpin. It supports the mousewheel and the up/down keys.

Bootstrap Rating is a jQuery plugin that creates a rating control that uses Bootstrap glyphicons for rating symbols. Bootstrap Rating .

Just-add-water CSS animations with Animate CSS.

Rulesets for visually displaying the quality of passwords with Pwstrength.