library bootstrap-nette-widget-control

clear01/bootstrap-nette-widget-control

Widget management component based on Twitter Bootstrap and jQuery UI (draggable)

clear01/bootstrap-nette-widget-control

Overview

This is implementation of widget managing control based on clear01/nette-widgets using Twitter Bootstrap and jQuery UI., _(*1)

See clear01/nette-widgets documentation for more details about the widgets extension itself., _(*2)

Installation

• Step 1: This package is available on packagist. Run the following command to add the dependency.

$ composer require clear01/bootstrap-nette-widget-control

• Step 2: Add extension to config and configure it. See clear01/nette-widgets package documentation. Make sure you have implemented (or used an existing) persistence layer., _(*3)

• Step 3: Configure your asset manager to load Twitter Bootstrap and jQuery UI. Include also assets/widgets.css from this package., _(*4)

• Step 4: Feel free to use the \Clear01\Widgets\Nette\UI\TwitterBootstrap\BootstrapWidgetControl component. There is also \Clear01\Widgets\Nette\UI\TwitterBootstrap\IBootstrapWidgetControlFactory factory interface included. See example below:, _(*5)

config.neon, _(*6)

services:
    ...
    - \Clear01\Widgets\Nette\UI\TwitterBootstrap\IBootstrapWidgetControlFactory
    ...

YourPresenter.php, _(*7)

class YourPresenter {

    /**
     * @var \Clear01\Widgets\Nette\UI\TwitterBootstrap\IBootstrapWidgetControlFactory
     * @inject
     */
    public $bootstrapWidgetControlFactory;

    protected function createComponentWidgetControl() {
        return $this->bootstrapWidgetControlFactory->create();
    }

}

template.latte, _(*8)

    {control widgetControl}