Skip to content
This repository has been archived by the owner on Feb 12, 2022. It is now read-only.

Created item actions frozen column on right side #1340

Merged
merged 5 commits into from
Jun 23, 2015
Merged

Created item actions frozen column on right side #1340

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
f12d946
Created Item Actions frozen column on left side
BenjaminNeilDavis Jun 8, 2015
0b502b9
Updates after kevins review / browser fixes for IE and firefox
BenjaminNeilDavis Jun 11, 2015
86b015a
Added a demo to the index page.
BenjaminNeilDavis Jun 12, 2015
833b7e4
Added a demo to the index page.
BenjaminNeilDavis Jun 22, 2015
21fd399
Added a demo to the index page.
BenjaminNeilDavis Jun 22, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,4 +49,12 @@

#myRepeater[data-currentview="list.frozen"] table thead tr th, #myRepeater[data-currentview="list.frozen"] .repeater-list-heading {
width: 400px;
}

#myRepeaterActions table thead tr th, #myRepeaterActions .repeater-list-heading {
width: 400px;
}

#myRepeaterActions table.table-actions .repeater-list-heading {
width: 100%;
}
115 changes: 115 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1205,6 +1205,121 @@ <h2>Repeater</h2>
</div>
</section>

<section id="repeater-actions">
<h2>Repeater w/ actions enabled</h2>
<div class="thin-box">
<div class="repeater" data-staticheight="400" id="myRepeaterActions">
<div class="repeater-header">
<div class="repeater-header-left">
<span class="repeater-title">Awesome Repeater w/ Actions!</span>
<div class="repeater-search">
<div class="search input-group">
<input type="search" class="form-control" placeholder="Search" />
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<span class="glyphicon glyphicon-search"></span>
<span class="sr-only">Search</span>
</button>
</span>
</div>
</div>
</div>
<div class="repeater-header-right">
<div class="btn-group selectlist repeater-filters" data-resize="auto">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="selected-label">&nbsp;</span>
<span class="caret"></span>
<span class="sr-only">Toggle Filters</span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="all" data-selected="true"><a href="#">All</a>
</li>
<li data-value="some"><a href="#">Some</a>
</li>
<li data-value="others"><a href="#">Others</a>
</li>
</ul>
<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text" />
</div>
<div class="btn-group repeater-views" data-toggle="buttons">
<label class="btn btn-default active">
<input name="repeaterViews" type="radio" value="list.list"><span class="glyphicon glyphicon-list"></span>
</label>
<label class="btn btn-default">
<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
</label>
<label class="btn btn-default">
<input name="repeaterViews" type="radio" value="list.frozen"><span class="glyphicon glyphicon-list"></span>
</label>
</div>
</div>
</div>
<div class="repeater-viewport">
<div class="repeater-canvas"></div>
<div class="loader repeater-loader"></div>
</div>
<div class="repeater-footer">
<div class="repeater-footer-left">
<div class="repeater-itemization">
<span><span class="repeater-start"></span> - <span class="repeater-end"></span> of <span class="repeater-count"></span> items</span>
<div class="btn-group selectlist" data-resize="auto">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="selected-label">&nbsp;</span>
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="5"><a href="#">5</a>
</li>
<li data-value="10" data-selected="true"><a href="#">10</a>
</li>
<li data-value="20"><a href="#">20</a>
</li>
<li data-value="50"><a href="#">50</a>
</li>
</ul>
<input class="hidden hidden-field" name="itemsPerPage" readonly="readonly" aria-hidden="true" type="text" />
</div>
<span>Per Page</span>
</div>
</div>
<div class="repeater-footer-right">
<div class="repeater-pagination">
<button type="button" class="btn btn-default btn-sm repeater-prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous Page</span>
</button>
<label id="myPageLabel" class="page-label">Page</label>
<div class="repeater-primaryPaging active">
<div class="input-group input-append dropdown combobox">
<input type="text" class="form-control" aria-labelledby="myPageLabel">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-right"></ul>
</div>
</div>
</div>
<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="myPageLabel">
<span>of <span class="repeater-pages"></span></span>
<button type="button" class="btn btn-default btn-sm repeater-next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next Page</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="btn-panel">
<!--<button type="button" class="btn btn-default" id="btnRepeaterDisable">disable ???</button>-->
<!--<button type="button" class="btn btn-default" id="btnRepeaterEnable">enable ???</button>-->
<button type="button" class="btn btn-default" id="btnRepeaterDestroy">destroy and append</button>
</div>
</section>

<section id="scheduler">
<h2>Scheduler</h2>
<div class="thin-box">
Expand Down
Loading