Your IP : 216.73.216.61
<div class="uk-grid uk-grid-divider uk-form-horizontal" uk-grid>
<div class="uk-width-1-4@m">
<div>
<ul class="uk-nav uk-nav-default" uk-switcher="#nav-content">
<li><a href="">List</a></li>
<li><a href="">{{'Media' | trans}}</a></li>
<li><a href="">{{'Content' | trans}}</a></li>
<li><a href="">{{'General' | trans}}</a></li>
</ul>
</div>
</div>
<div class="uk-width-3-4@m">
<ul id="nav-content" class="uk-switcher">
<li>
<h3 class="uk-heading-divider">{{'List' | trans}}</h3>
<div class="uk-margin">
<label class="uk-form-label" for="wk-media-align">{{'Style' | trans}}</label>
<div class="uk-form-controls">
<select id="wk-media-align" class="uk-select uk-form-width-medium" ng-model="widget.data['list']">
<option value="divider">{{'Divider' | trans}}</option>
<option value="striped">{{'Striped' | trans}}</option>
<option value="large">{{'Large' | trans}}</option>
<option value="disc">{{'Disc' | trans}}</option>
<option value="circle">{{'Circle' | trans}}</option>
<option value="square">{{'Square' | trans}}</option>
<option value="decimal">{{'Decimal' | trans}}</option>
<option value="hyphen">{{'Hyphen' | trans}}</option>
<option value="bullet">{{'Bullet' | trans}}</option>
</select>
</div>
</div>
</li>
<li>
<h3 class="uk-heading-divider">{{'Media' | trans}}</h3>
<div class="uk-margin">
<span class="uk-form-label">{{'Display' | trans}}</span>
<div class="uk-form-controls uk-form-controls-text">
<label><input class="uk-checkbox" type="checkbox" ng-model="widget.data['media']"> {{'Show media' | trans}}</label>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label">{{'Image' | trans}}</label>
<div class="uk-form-controls">
<label><input class="uk-input uk-form-width-small" type="text" ng-model="widget.data['image_width']"> {{'Width (px)' | trans}}</label>
<div class="uk-margin-small">
<label><input class="uk-input uk-form-width-small" type="text" ng-model="widget.data['image_height']"> {{'Height (px)' | trans}}</label>
</div>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="wk-media-align">{{'Alignment' | trans}}</label>
<div class="uk-form-controls">
<select id="wk-media-align" class="uk-select uk-form-width-medium" ng-model="widget.data['media_align']">
<option value="left">{{'Left' | trans}}</option>
<option value="right">{{'Right' | trans}}</option>
</select>
<div class="uk-margin-small">
<label><input class="uk-checkbox" type="checkbox" ng-model="widget.data['content_align']"> {{'Center content vertically' | trans}}</label>
</div>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="wk-media-border">{{'Border' | trans}}</label>
<div class="uk-form-controls">
<select id="wk-media-border" class="uk-select uk-form-width-medium" ng-model="widget.data['media_border']">
<option value="none">{{'None' | trans}}</option>
<option value="circle">{{'Circle' | trans}}</option>
<option value="rounded">{{'Rounded' | trans}}</option>
</select>
</div>
</div>
</li>
<li>
<h3 class="uk-heading-divider">{{'Text' | trans}}</h3>
<div class="uk-margin">
<label class="uk-form-label" for="wk-title">{{'Display' | trans}}</label>
<div class="uk-form-controls">
<select id="wk-title" class="uk-select uk-form-width-medium" ng-model="widget.data['title']">
<option value="title">{{'Title' | trans}}</option>
<option value="content">{{'Content' | trans}}</option>
</select>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="wk-title-size">{{'Size' | trans}}</label>
<div class="uk-form-controls">
<select id="wk-title-size" class="uk-select uk-form-width-medium" ng-model="widget.data['title_size']">
<option value="default">Default</option>
<option value="h1">H1</option>
<option value="h2">H2</option>
<option value="h3">H3</option>
<option value="h4">H4</option>
<option value="h5">H5</option>
<option value="h6">H6</option>
</select>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="wk-title-element">{{'Element' | trans}}</label>
<div class="uk-form-controls">
<select id="wk-title-element" class="uk-select uk-form-width-medium" ng-model="widget.data['title_element']">
<option value="h1">h1</option>
<option value="h2">h2</option>
<option value="h3">h3</option>
<option value="h4">h4</option>
<option value="h5">h5</option>
<option value="h6">h6</option>
<option value="div">div</option>
</select>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label">{{'Truncate' | trans}}</label>
<div class="uk-form-controls">
<label><input class="uk-input uk-form-width-xsmall" type="text" ng-model="widget.data['title_truncate']"> {{'Max. characters' | trans}}</label>
</div>
</div>
<h3 class="uk-heading-divider">{{'Link' | trans}}</h3>
<div class="uk-margin">
<span class="uk-form-label">{{'Display' | trans}}</span>
<div class="uk-form-controls uk-form-controls-text">
<label><input class="uk-checkbox" type="checkbox" ng-model="widget.data['link']"> {{'Show link' | trans}}</label>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="wk-link-style">{{'Color' | trans}}</label>
<div class="uk-form-controls">
<select id="wk-link-style" class="uk-select uk-form-width-medium" ng-model="widget.data['link_color']">
<option value="link">{{'Link' | trans}}</option>
<option value="muted">{{'Muted' | trans}}</option>
<option value="reset">{{'Same as text' | trans}}</option>
</select>
</div>
</div>
</li>
<li>
<h3 class="uk-heading-divider">{{'General' | trans}}</h3>
<div class="uk-margin">
<span class="uk-form-label">{{'Link Target' | trans}}</span>
<div class="uk-form-controls uk-form-controls-text">
<label><input class="uk-checkbox" type="checkbox" ng-model="widget.data['link_target']"> {{'Open all links in a new window' | trans}}</label>
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="wk-class">{{'HTML Class' | trans}}</label>
<div class="uk-form-controls">
<input id="wk-class" class="uk-input uk-form-width-medium" type="text" ng-model="widget.data['class']">
</div>
</div>
</li>
</ul>
</div>
</div>