Advertisement
pjog

form

Jun 13th, 2013
201
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.57 KB | None | 0 0
  1.     <div class="container-fluid">
  2.     <div  class="tabbable">
  3.         <div class="row-fluid">
  4.             <div id="sidebar" class="span2">
  5.                 <div class="well">
  6.                     <ul id="sidenav" class="nav nav-pills nav-stacked">
  7.                         <li class="active"><a href="#pane1" data-toggle="tab">Manage Policies</a></li>
  8.                         <li><a href="#pane2" data-toggle="tab">Author Policies</a></li>
  9.                     </ul>
  10.                 </div>
  11.             </div>
  12.             <div id="mainBody" class="span9">
  13.                 <div class="tab-content">
  14.                     <div id="pane1" class="tab-pane active">      
  15.                         <form id="policyform" class="form-horizontal">
  16.                         <fieldset>
  17.                             <legend>Filter Policies</legend>
  18.                             <div class="container-fluid well"> 
  19.                             <div class="row-fluid">
  20.                                 <div class="span5">
  21.                                     <div class="clearfix control-group">
  22.                                         <label class="control-label" for="input01">Filter By Resource Type</label>                                     
  23.                                         <input id="input01" class="input-medium" type="text" data-provide="typeahead" placeholder="TypeAhead…">                                      
  24.                                     </div>
  25.                    
  26.                    
  27.                                     <div class="clearfix control-group">
  28.                                     <label id="filterByResourceLabel" class="control-label" for="input02">Filter By Resource</label>
  29.                                     <input id="input02" class="input-medium" type="text" data-provide="typeahead" placeholder="TypeAhead…">
  30.                                     </div>
  31.                                 </div>
  32.                            
  33.  
  34.                                 <div class="span6">
  35.                                     <div class="clearfix control-group">
  36.                                         <label class="control-label" for="input03">Policy Name like</label>
  37.                                         <input id="input03" class="input-medium" type="text" data-provide="typeahead" placeholder="TypeAhead…">
  38.                                     </div>
  39.  
  40.                                     <div class="clearfix control-group">
  41.                                         <label class="control-label" for="input04">Subject Type</label>
  42.                                         <input id="input04" class="input-medium" type="text" data-provide="typeahead" placeholder="TypeAhead">
  43.                                     </div>
  44.  
  45.  
  46.  
  47.  
  48.                                     <div class="container-fluid">
  49.                                     <div class="row-fluid">
  50.                                         <div class="span6 well">
  51.                                             <div class="clearfix control-group">
  52.                                                 <div class="input input-prepend">
  53.                                                     <label class="add-on span2" for="Cost"><input type="checkbox" /></label>
  54.                                                     <input id="Cost" class="input-small span9" type="text" placeholder="Cost"/>
  55.                                                 </div>
  56.                                             </div>                                     
  57.                                         </div>
  58.                                        
  59.                                         <div class="span6 well">
  60.                                                 <div class="clearfix control-group">
  61.                                                     <div class="input input-prepend">
  62.                                                         <label class="add-on span2" for="CostRange"><input type="checkbox" /></label>
  63.                                                         <input id="CostRange" class="input-small span9" type="text" placeholder="Cost Range"/>
  64.                                                     </div>
  65.                                                 </div>                                     
  66.                                         </div>
  67.                                     </div>
  68.                                     </div>
  69.                                        
  70.                                     <div class="clearfix control-group">
  71.                                         <label class="control-label" for="input07">Effect</label>
  72.                                          <div class="input">
  73.                                             <input id="input07" class="input-medium" type="text" data-provide="typeahead" placeholder="TypeAhead">
  74.                                          </div>                                                                  
  75.                                     </div>
  76.                                 </div>
  77.                             </div>
  78.                             </div>
  79.                         </fieldset>
  80.                         </form>              
  81.                     </div>
  82.                     <div id="pane2" class="tab-pane">
  83.                         <div class="container-fluid">
  84.                         <div class="row-fluid">
  85.                         <div class="span5">
  86.                         <div class="well">
  87.                             <form class="form-horizontal ">
  88.                             <fieldset>
  89.                                         <div class="clearfix control-group">
  90.                                             <label class="control-label" for="input08">Enter a name for your policy</label>
  91.                                             <div class="input">
  92.                                             <input id="input08" class="input-medium" type="text" placeholder="Type something…">
  93.                                             </div>
  94.                                         </div>
  95.                                         <div class="clearfix control-group">
  96.                                             <label class="control-label" for="input09">What type of resource would you like to protect?</label>
  97.                                             <div class="input">
  98.                                             <input id="input09" class="input-medium" type="text" placeholder="Type something…">
  99.                                             </div>
  100.                                         </div>
  101.                                         <div class="clearfix control-group">
  102.                                             <label class="control-label" for="input09">Select a resource  to be protected</label>
  103.                                             <div class="input">
  104.                                             <input id="input09" class="input-medium" type="text" placeholder="Type something…">
  105.                                             </div>
  106.                                         </div>                 
  107.                             </fieldset>
  108.                             </form>
  109.                         </div>
  110.                         </div>
  111.                         </div>
  112.                         </div>
  113.                     </div>
  114.                 </div><!-- /.tab-content -->
  115.             </div> <!--  span9 -->
  116.         </div>
  117.     </div><!-- /.tabbable -->
  118.     </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement