icon dropdown creation dialog

This commit is contained in:
Claudio Barril 2014-04-12 19:04:19 -03:00
parent bddf867b63
commit d66666010d
2 changed files with 199 additions and 0 deletions

View File

@ -362,3 +362,29 @@ abbr[title] {
padding: 8px 15px; padding: 8px 15px;
white-space: nowrap; white-space: nowrap;
} }
#iconGroup > div > button {
background: #eee;
border: 1px solid #ccc !important;
}
.bs-glyphicons {
width: 800%;
}
.bs-glyphicons > ul {
padding-left: 10px;
overflow-x: hidden;
}
.bs-glyphicons > ul > li {
float: left;
width: 12%;
height: 25%;
padding: 10px;
font-size: 10px;
line-height: 1.4;
text-align: center;
border: 1px solid #fff;
background-color: #f9f9f9;
}

View File

@ -346,6 +346,179 @@
<span class="input-group-addon colorInput"><i></i></span> <span class="input-group-addon colorInput"><i></i></span>
</div> </div>
</div> </div>
<div id="iconGroup" class="form-group">
<label class="col-md-3 control-label" for="defaultIcon"><spring:message code="ICON"/>:</label>
<div class="col-md-1">
<button type="button" id="defaultIcon" class="btn dropdown-toggle" data-toggle="dropdown">
<i class="glyphicon glyphicon-tag"></i>
</button>
<div class="dropdown-menu bs-glyphicons">
<ul class="bs-glyphicons-list">
<li class="glyphicon glyphicon-asterisk"></li>
<li class="glyphicon glyphicon-plus"></li>
<li class="glyphicon glyphicon-euro"></li>
<li class="glyphicon glyphicon-minus"></li>
<li class="glyphicon glyphicon-cloud"></li>
<li class="glyphicon glyphicon-envelope"></li>
<li class="glyphicon glyphicon-pencil"></li>
<li class="glyphicon glyphicon-glass"></li>
<li class="glyphicon glyphicon-music"></li>
<li class="glyphicon glyphicon-search"></li>
<li class="glyphicon glyphicon-heart"></li>
<li class="glyphicon glyphicon-star"></li>
<li class="glyphicon glyphicon-star-empty"></li>
<li class="glyphicon glyphicon-user"></li>
<li class="glyphicon glyphicon-film"></li>
<li class="glyphicon glyphicon-ok"></li>
<li class="glyphicon glyphicon-remove"></li>
<li class="glyphicon glyphicon-zoom-in"></li>
<li class="glyphicon glyphicon-zoom-out"></li>
<li class="glyphicon glyphicon-off"></li>
<li class="glyphicon glyphicon-signal"></li>
<li class="glyphicon glyphicon-cog"></li>
<li class="glyphicon glyphicon-trash"></li>
<li class="glyphicon glyphicon-home"></li>
<li class="glyphicon glyphicon-file"></li>
<li class="glyphicon glyphicon-time"></li>
<li class="glyphicon glyphicon-road"></li>
<li class="glyphicon glyphicon-download-alt"></li>
<li class="glyphicon glyphicon-download"></li>
<li class="glyphicon glyphicon-upload"></li>
<li class="glyphicon glyphicon-inbox"></li>
<li class="glyphicon glyphicon-play-circle"></li>
<li class="glyphicon glyphicon-repeat"></li>
<li class="glyphicon glyphicon-refresh"></li>
<li class="glyphicon glyphicon-list-alt"></li>
<li class="glyphicon glyphicon-lock"></li>
<li class="glyphicon glyphicon-flag"></li>
<li class="glyphicon glyphicon-headphones"></li>
<li class="glyphicon glyphicon-volume-off"></li>
<li class="glyphicon glyphicon-volume-down"></li>
<li class="glyphicon glyphicon-volume-up"></li>
<li class="glyphicon glyphicon-qrcode"></li>
<li class="glyphicon glyphicon-barcode"></li>
<li class="glyphicon glyphicon-tag"></li>
<li class="glyphicon glyphicon-tags"></li>
<li class="glyphicon glyphicon-book"></li>
<li class="glyphicon glyphicon-bookmark"></li>
<li class="glyphicon glyphicon-print"></li>
<li class="glyphicon glyphicon-camera"></li>
<li class="glyphicon glyphicon-font"></li>
<li class="glyphicon glyphicon-bold"></li>
<li class="glyphicon glyphicon-italic"></li>
<li class="glyphicon glyphicon-text-height"></li>
<li class="glyphicon glyphicon-text-width"></li>
<li class="glyphicon glyphicon-list"></li>
<li class="glyphicon glyphicon-indent-left"></li>
<li class="glyphicon glyphicon-indent-right"></li>
<li class="glyphicon glyphicon-facetime-video"></li>
<li class="glyphicon glyphicon-picture"></li>
<li class="glyphicon glyphicon-map-marker"></li>
<li class="glyphicon glyphicon-adjust"></li>
<li class="glyphicon glyphicon-tint"></li>
<li class="glyphicon glyphicon-edit"></li>
<li class="glyphicon glyphicon-share"></li>
<li class="glyphicon glyphicon-check"></li>
<li class="glyphicon glyphicon-move"></li>
<li class="glyphicon glyphicon-chevron-left"></li>
<li class="glyphicon glyphicon-chevron-right"></li>
<li class="glyphicon glyphicon-plus-sign"></li>
<li class="glyphicon glyphicon-minus-sign"></li>
<li class="glyphicon glyphicon-remove-sign"></li>
<li class="glyphicon glyphicon-ok-sign"></li>
<li class="glyphicon glyphicon-question-sign"></li>
<li class="glyphicon glyphicon-info-sign"></li>
<li class="glyphicon glyphicon-screenshot"></li>
<li class="glyphicon glyphicon-remove-circle"></li>
<li class="glyphicon glyphicon-ok-circle"></li>
<li class="glyphicon glyphicon-ban-circle"></li>
<li class="glyphicon glyphicon-arrow-left"></li>
<li class="glyphicon glyphicon-arrow-right"></li>
<li class="glyphicon glyphicon-arrow-up"></li>
<li class="glyphicon glyphicon-arrow-down"></li>
<li class="glyphicon glyphicon-share-alt"></li>
<li class="glyphicon glyphicon-resize-full"></li>
<li class="glyphicon glyphicon-resize-small"></li>
<li class="glyphicon glyphicon-exclamation-sign"></li>
<li class="glyphicon glyphicon-gift"></li>
<li class="glyphicon glyphicon-leaf"></li>
<li class="glyphicon glyphicon-fire"></li>
<li class="glyphicon glyphicon-eye-open"></li>
<li class="glyphicon glyphicon-eye-close"></li>
<li class="glyphicon glyphicon-warning-sign"></li>
<li class="glyphicon glyphicon-plane"></li>
<li class="glyphicon glyphicon-calendar"></li>
<li class="glyphicon glyphicon-random"></li>
<li class="glyphicon glyphicon-comment"></li>
<li class="glyphicon glyphicon-magnet"></li>
<li class="glyphicon glyphicon-chevron-up"></li>
<li class="glyphicon glyphicon-chevron-down"></li>
<li class="glyphicon glyphicon-retweet"></li>
<li class="glyphicon glyphicon-shopping-cart"></li>
<li class="glyphicon glyphicon-folder-close"></li>
<li class="glyphicon glyphicon-folder-open"></li>
<li class="glyphicon glyphicon-resize-vertical"></li>
<li class="glyphicon glyphicon-resize-horizontal"></li>
<li class="glyphicon glyphicon-hdd"></li>
<li class="glyphicon glyphicon-bullhorn"></li>
<li class="glyphicon glyphicon-bell"></li>
<li class="glyphicon glyphicon-certificate"></li>
<li class="glyphicon glyphicon-thumbs-up"></li>
<li class="glyphicon glyphicon-thumbs-down"></li>
<li class="glyphicon glyphicon-hand-right"></li>
<li class="glyphicon glyphicon-hand-left"></li>
<li class="glyphicon glyphicon-hand-up"></li>
<li class="glyphicon glyphicon-hand-down"></li>
<li class="glyphicon glyphicon-circle-arrow-right"></li>
<li class="glyphicon glyphicon-circle-arrow-left"></li>
<li class="glyphicon glyphicon-circle-arrow-up"></li>
<li class="glyphicon glyphicon-circle-arrow-down"></li>
<li class="glyphicon glyphicon-globe"></li>
<li class="glyphicon glyphicon-wrench"></li>
<li class="glyphicon glyphicon-tasks"></li>
<li class="glyphicon glyphicon-filter"></li>
<li class="glyphicon glyphicon-briefcase"></li>
<li class="glyphicon glyphicon-fullscreen"></li>
<li class="glyphicon glyphicon-dashboard"></li>
<li class="glyphicon glyphicon-paperclip"></li>
<li class="glyphicon glyphicon-heart-empty"></li>
<li class="glyphicon glyphicon-link"></li>
<li class="glyphicon glyphicon-phone"></li>
<li class="glyphicon glyphicon-pushpin"></li>
<li class="glyphicon glyphicon-usd"></li>
<li class="glyphicon glyphicon-gbp"></li>
<li class="glyphicon glyphicon-sort"></li>
<li class="glyphicon glyphicon-unchecked"></li>
<li class="glyphicon glyphicon-expand"></li>
<li class="glyphicon glyphicon-collapse-down"></li>
<li class="glyphicon glyphicon-collapse-up"></li>
<li class="glyphicon glyphicon-log-in"></li>
<li class="glyphicon glyphicon-flash"></li>
<li class="glyphicon glyphicon-log-out"></li>
<li class="glyphicon glyphicon-new-window"></li>
<li class="glyphicon glyphicon-record"></li>
<li class="glyphicon glyphicon-saved"></li>
<li class="glyphicon glyphicon-send"></li>
<li class="glyphicon glyphicon-floppy-disk"></li>
<li class="glyphicon glyphicon-transfer"></li>
<li class="glyphicon glyphicon-cutlery"></li>
<li class="glyphicon glyphicon-header"></li>
<li class="glyphicon glyphicon-compressed"></li>
<li class="glyphicon glyphicon-earphone"></li>
<li class="glyphicon glyphicon-phone-alt"></li>
<li class="glyphicon glyphicon-tower"></li>
<li class="glyphicon glyphicon-stats"></li>
<li class="glyphicon glyphicon-copyright-mark"></li>
<li class="glyphicon glyphicon-registration-mark"></li>
<li class="glyphicon glyphicon-cloud-download"></li>
<li class="glyphicon glyphicon-cloud-upload"></li>
<li class="glyphicon glyphicon-tree-conifer"></li>
<li class="glyphicon glyphicon-tree-deciduous"></li>
</ul>
</div>
</div>
</div>
</fieldset> </fieldset>
</form> </form>
</div> </div>