<div class="content">
<div id="_container0">
<div id="menuwrapper">
<ul>
<li><a href="#">Products</a>
<ul>
<li><a href="#">Product 1</a></li>
<li><a href="#">Product 2</a></li>
<li><a href="#">Product 3</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="clear"></div>
<div id="_container1">
<ul id="defaultDashboard1" class="keyed_item_list sDashboard clearfix ui-sortable"><li style="width: 240px; height: 135px;" id="1"><div style="width: 240px; height: 135px;" class="sDashboardWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"></div><div style="height: 135px;" class="sDashboardWidgetContent"><div style="width: 240px; height: 135px;" id="small-portlet" class="small-portlet"><div style="width: 55px; height: 115px;" class="small-portlet-data"><p>10</p></div><div style="width: 165px; height: 115px;" class="small-portlet-title"><p>Notification pending for action</p></div></div></div></div></li><li style="width: 240px; height: 135px;" id="2"><div style="width: 240px; height: 135px;" class="sDashboardWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"></div><div style="height: 135px;" class="sDashboardWidgetContent"><div style="width: 240px; height: 135px;" id="small-portlet" class="small-portlet"><div style="width: 55px; height: 115px;" class="small-portlet-data"><p>20</p></div><div style="width: 165px; height: 115px;" class="small-portlet-title"><p>Non-bidders</p></div></div></div></div></li><li style="width: 240px; height: 135px;" id="3"><div style="width: 240px; height: 135px;" class="sDashboardWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"></div><div style="height: 135px;" class="sDashboardWidgetContent"><div style="width: 240px; height: 135px;" id="small-portlet" class="small-portlet"><div style="width: 55px; height: 115px;" class="small-portlet-data"><p>100</p></div><div style="width: 165px; height: 115px;" class="small-portlet-title"><p>Leave ready to publish</p></div></div></div></div></li><li style="width: 240px; height: 135px;" id="4"><div style="width: 240px; height: 135px;" class="sDashboardWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"></div><div style="height: 135px;" class="sDashboardWidgetContent"><div style="width: 240px; height: 135px;" id="small-portlet" class="small-portlet"><div style="width: 55px; height: 115px;" class="small-portlet-data"><p>120</p></div><div style="width: 165px; height: 115px;" class="small-portlet-title"><p>Bid satisfaction rate</p></div></div></div></div></li></ul>
</div>
<div class="clear"></div>
<div id="_container2">
<ul id="defaultDashboard2" class="keyed_item_list sDashboard ui-sortable clearfix"><li style="width: 480px;" id="21"><div class="sDashboardWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"><div title="Maximize" class="sDashboard-icon sDashboard-circle-plus-icon "></div><div title="Refresh" class="sDashboard-icon sDashboard-refresh-icon "></div>21 Leave Bidding<div title="table" class="portalDashboard-table-icon"></div><div title="chart" class="portalDashboard-chart-icon"></div></div><div class="sDashboardWidgetContent"><div id="21"></div></div></div></li><li style="width: 960px;" id="queue"><div class="sDashboardWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"><div title="Maximize" class="sDashboard-icon sDashboard-circle-plus-icon "></div>Queue Log<div title="table" class="portalDashboard-table-icon"></div><div title="chart" class="portalDashboard-chart-icon"></div></div><div class="sDashboardWidgetContent"><div class="jaduGridWidget" id="queue"><div style="width: 940px;" dir="ltr" id="gbox_queueGrid" class="ui-jqgrid ui-widget ui-widget-content ui-corner-all"><div class="ui-widget-overlay jqgrid-overlay" id="lui_queueGrid"></div><div class="loading ui-state-default ui-state-active" id="load_queueGrid">Loading...</div><div style="width: 940px;" id="gview_queueGrid" class="ui-jqgrid-view"><div style="display: none;" class="ui-jqgrid-titlebar ui-widget-header ui-corner-top ui-helper-clearfix"><a style="right: 0px;" class="ui-jqgrid-titlebar-close HeaderButton" role="link" href="javascript:void(0)"><span class="ui-icon ui-icon-circle-triangle-n"></span></a><span class="ui-jqgrid-title"></span></div><div dir="ltr" style="width: 940px;" class="ui-state-default ui-jqgrid-toppager" id="queueGrid_toppager"><div id="pg_queueGrid_toppager" class="ui-pager-control" role="group"><table class="ui-pg-table" style="width:100%;table-layout:fixed;height:100%;" role="row" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="fltlft" id="queueGrid_toppager_left" align="left"></td><td class="fltrt" id="queueGrid_toppager_center" style="white-space: pre;" align="center"><table style="table-layout:auto;" class="ui-pg-table" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td id="first_t_queueGrid_toppager"></td><td id="prev_t_queueGrid_toppager" class="seek-prev1" style="padding:5px;!important"><span class="sh-seek-prev1">Prev</span></td><td id="next_t_queueGrid_toppager" class="seek-next1" style="padding:5px;"><span class="sh-seek-next1">Next</span></td><td id="last_t_queueGrid_toppager" class=""></td></tr></tbody></table></td></tr></tbody></table></div></div><div class="ui-state-default ui-jqgrid-hdiv" style="width: 940px;"><div class="ui-jqgrid-hbox"><table class="ui-jqgrid-htable" style="width:940px" role="grid" aria-labelledby="gbox_queueGrid" border="0" cellpadding="0" cellspacing="0"><thead><tr class="ui-jqgrid-labels ui-sortable" role="rowheader"><th style="width: 87px;" id="queueGrid_entityType" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr"> </span><div class="ui-jqgrid-sortable" id="jqgh_queueGrid_entityType">entityType<span class="s-ico" style="display:none"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 87px;" id="queueGrid_itemKey" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr"> </span><div class="ui-jqgrid-sortable" id="jqgh_queueGrid_itemKey">itemKey<span class="s-ico" style="display:none"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 301px;" id="queueGrid_itemValue" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr"> </span><div class="ui-jqgrid-sortable" id="jqgh_queueGrid_itemValue">itemValue<span class="s-ico" style="display:none"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 198px;" id="queueGrid_queuedReasonDesc" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr"> </span><div class="ui-jqgrid-sortable" id="jqgh_queueGrid_queuedReasonDesc">queuedReasonDesc<span class="s-ico" style="display:none"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 79px;" id="queueGrid_priority" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr"> </span><div class="ui-jqgrid-sortable" id="jqgh_queueGrid_priority">priority<span class="s-ico" style="display:none"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 158px;" id="queueGrid_actionNotifyCode" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr"> </span><div class="ui-jqgrid-sortable" id="jqgh_queueGrid_actionNotifyCode">actionNotifyCode<span class="s-ico" style="display:none"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th></tr><tr class="ui-search-toolbar" role="rowheader"><th role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><div style="position:relative;height:100%;padding-right:0.3em;padding-left:0.3em;"><table class="ui-search-table" cellspacing="0"><tbody><tr><td style="display: none;" class="ui-search-oper"></td><td class="ui-search-input"><input style="width:100%;padding:0px;" name="entityType" id="gs_entityType" value="" type="text"></td></tr></tbody></table></div></th><th role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><div style="position:relative;height:100%;padding-right:0.3em;padding-left:0.3em;"><table class="ui-search-table" cellspacing="0"><tbody><tr><td style="display: none;" class="ui-search-oper"></td><td class="ui-search-input"><input style="width:100%;padding:0px;" name="itemKey" id="gs_itemKey" value="" type="text"></td></tr></tbody></table></div></th><th role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><div style="position:relative;height:100%;padding-right:0.3em;padding-left:0.3em;"><table class="ui-search-table" cellspacing="0"><tbody><tr><td style="display: none;" class="ui-search-oper"></td><td class="ui-search-input"><input style="width:100%;padding:0px;" name="itemValue" id="gs_itemValue" value="" type="text"></td></tr></tbody></table></div></th><th role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><div style="position:relative;height:100%;padding-right:0.3em;padding-left:0.3em;"><table class="ui-search-table" cellspacing="0"><tbody><tr><td style="display: none;" class="ui-search-oper"></td><td class="ui-search-input"><input style="width:100%;padding:0px;" name="queuedReasonDesc" id="gs_queuedReasonDesc" value="" type="text"></td></tr></tbody></table></div></th><th role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><div style="position:relative;height:100%;padding-right:0.3em;padding-left:0.3em;"><table class="ui-search-table" cellspacing="0"><tbody><tr><td style="display: none;" class="ui-search-oper"></td><td class="ui-search-input"><input style="width:100%;padding:0px;" name="priority" id="gs_priority" value="" type="text"></td></tr></tbody></table></div></th><th role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><div style="position:relative;height:100%;padding-right:0.3em;padding-left:0.3em;"><table class="ui-search-table" cellspacing="0"><tbody><tr><td style="display: none;" class="ui-search-oper"></td><td class="ui-search-input"><input style="width:100%;padding:0px;" name="actionNotifyCode" id="gs_actionNotifyCode" value="" type="text"></td></tr></tbody></table></div></th></tr></thead></table></div></div><div style="height: auto; width: 940px;" class="ui-jqgrid-bdiv"><div style="position:relative;"><div></div><table style="width: 940px;" class="ui-jqgrid-btable scroll" aria-labelledby="gbox_queueGrid" aria-multiselectable="false" role="grid" tabindex="0" id="queueGrid" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="jqgfirstrow" role="row" style="height:auto"><td role="gridcell" style="height:0px;width:87px;"></td><td role="gridcell" style="height:0px;width:87px;"></td><td role="gridcell" style="height:0px;width:301px;"></td><td role="gridcell" style="height:0px;width:198px;"></td><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:158px;"></td></tr></tbody></table></div></div></div><div class="ui-jqgrid-resize-mark" id="rs_mqueueGrid"> </div></div></div></div></div></li><li style="width: 480px;" id="Favourites"><div class="sDashboardWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"><div title="Maximize" class="sDashboard-icon sDashboard-circle-plus-icon "></div>Favourites</div><div class="sDashboardWidgetContent"><div id="Favourites"><div id="tobeloadedContainer">
<div id="screen-module" data-name="com/qr/appsupport/favourites"></div>
<section class="container">
<div class="favouriteForm">
<input id="FavourtiesField" placeholder="Eg,Screen ID / Name" data-lovconf="Favquicknav" class="lov-field" type="text">
</div>
<div id="tobeloaded" class="tsp5">
<div style="width: 460px;" dir="ltr" id="gbox_favoriteGrid" class="ui-jqgrid ui-widget ui-widget-content ui-corner-all"><div class="ui-widget-overlay jqgrid-overlay" id="lui_favoriteGrid"></div><div class="loading ui-state-default ui-state-active" id="load_favoriteGrid">Loading...</div><div style="width: 460px;" id="gview_favoriteGrid" class="ui-jqgrid-view"><div style="display: none;" class="ui-jqgrid-titlebar ui-widget-header ui-corner-top ui-helper-clearfix"><a style="right: 0px;" class="ui-jqgrid-titlebar-close HeaderButton" role="link" href="javascript:void(0)"><span class="ui-icon ui-icon-circle-triangle-n"></span></a><span class="ui-jqgrid-title"></span></div><div dir="ltr" style="width: 460px;" class="ui-state-default ui-jqgrid-toppager" id="favoriteGrid_toppager"><div id="pg_favoriteGrid_toppager" class="ui-pager-control" role="group"><table class="ui-pg-table" style="width:100%;table-layout:fixed;height:100%;" role="row" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="fltlft" id="favoriteGrid_toppager_left" align="left"><table class="ui-pg-table navtable" style="float:left;table-layout:auto;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td title="" id="favoriteGridDelete" class="ui-pg-button ui-corner-all"><div class="ui-pg-div"><span class="ui-icon ui-icon-del"></span>Delete</div></td></tr></tbody></table></td><td class="fltrt" id="favoriteGrid_toppager_center" style="white-space: pre;" align="center"><table style="table-layout:auto;" class="ui-pg-table" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="ui-state-disabled" id="first_t_favoriteGrid_toppager"></td><td id="prev_t_favoriteGrid_toppager" class="seek-prev1 ui-state-disabled" style="padding:5px;!important"><span class="sh-seek-prev1">Prev</span></td><td id="next_t_favoriteGrid_toppager" class="seek-next1" style="padding:5px;"><span class="sh-seek-next1">Next</span></td><td id="last_t_favoriteGrid_toppager" class=""></td></tr></tbody></table></td></tr></tbody></table></div></div><div class="ui-state-default ui-jqgrid-hdiv" style="width: 460px;"><div class="ui-jqgrid-hbox"><table class="ui-jqgrid-htable" style="width:460px" role="grid" aria-labelledby="gbox_favoriteGrid" border="0" cellpadding="0" cellspacing="0"><thead><tr class="ui-jqgrid-labels" role="rowheader"><th style="width: 455px;" id="favoriteGrid_svcName" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr"> </span><div class="ui-jqgrid-sortable" id="jqgh_favoriteGrid_svcName">Your URL<span class="s-ico" style=""><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th></tr></thead></table></div></div><div style="height: 100px; width: 460px;" class="ui-jqgrid-bdiv"><div style="position:relative;"><div></div><table style="width: 460px;" class="ui-jqgrid-btable scroll" aria-labelledby="gbox_favoriteGrid" aria-multiselectable="false" role="grid" tabindex="0" id="favoriteGrid" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="jqgfirstrow" role="row" style="height:auto"><td role="gridcell" style="height:0px;width:455px;"></td></tr></tbody></table></div></div></div><div class="ui-jqgrid-resize-mark" id="rs_mfavoriteGrid"> </div></div>
<div id="favoriteGridNav"></div>
</div>
</section>
</div></div></div></div></li><li style="width: 480px;" id="24"><div class="sDashboardWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"><div title="Maximize" class="sDashboard-icon sDashboard-circle-plus-icon "></div><div title="Refresh" class="sDashboard-icon sDashboard-refresh-icon "></div>24 JqPlot<div title="table" class="portalDashboard-table-icon"></div><div title="chart" class="portalDashboard-chart-icon"></div></div><div class="sDashboardWidgetContent"><div id="24"></div></div></div></li><li style="width: 960px;" id="imageWidget"><div class="sDashboardImageBannerWidget"><div class="sDashboardWidgetHeader sDashboard-clearfix"></div><div class="sDashboardImageBannerWidgetContent"><div id="imageWidget"><div class="slider"><div style="height: 300px;" class="viewport"><ul style="width: 96px; left: 0px;" class="overview"><li><a href="#"><img src="images/slider/picture1.jpg"></a></li><li><a href="#"><img src="images/slider/picture2.jpg"></a></li><li><a href="#"><img src="images/slider/picture3.jpg"></a></li><li><a href="#"><img src="images/slider/picture4.jpg"></a></li></ul></div><div class="sliderCntrols"><a class="buttons prev disable" href="#">left</a><a class="buttons next disable" href="#">right</a><ul class="pager"><li><a rel="0" class="pagenum active" href="#">1</a></li><li><a rel="1" class="pagenum" href="#">2</a></li><li><a rel="2" class="pagenum" href="#">3</a></li><li><a rel="3" class="pagenum" href="#">4</a></li></ul></div></div></div></div></div></li></ul>
</div>
</div>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |