APP UI: Fullscreen

A custom element to allow a webpage to switch to fullscreen mode

Examples

• Click to view

Dependencies

This component relies on the following third-party libraries:

• APP
• jQuery
• Underscore

Install

Download the component and extract in 'components/app-ui-fullscreen'

cd [project folder]
wget https://github.com/app-ui/fullscreen/archive/master.zip
unzip master.zip -d ./components/

Using bower: (Old method)

bower install app.ui.fullscreen

Usage

The component is built on top of APP which should be loaded before the component in the section of your website. This library uses the non-standard method of "html imports" for loading custom elements.

1. Include APP library

<script src="components/app/build/app.min.js"></script>

2. Import the custom element

<link rel="import" href="component/app-ui-fullscreen">

3. Start using the element applying it to an appropriate tag

<a is="app-ui-fullscreen"></a>

Currently the component extends the <a> tag.

Options

This is a direct extension of the Backbone UI component with the same name. Its options are defined as option- parameters in the tag, for example:

<a is="ui-fullscreen" option-targetEl=".myclass" option-style="mycustomstyle"></a>

These are the set of options you can use as attributes in your custom element:

...

Credits

Originally based on Backbone.UI.Fullscreen

Initiated by Makis Tracend ( @tracend )

Distributed through Makesites.org

License

Released under the MIT License