Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | <!-- BEGIN PAGE HEADER--> |
| 2 | <h3 class="page-title"> |
||
| 3 | Content Loading via Ajax <small>loading page content via ajax</small> |
||
| 4 | </h3> |
||
| 5 | <div class="page-bar"> |
||
| 6 | <ul class="page-breadcrumb"> |
||
| 7 | <li> |
||
| 8 | <i class="fa fa-home"></i> |
||
| 9 | <a href="index.html">Home</a> |
||
| 10 | <i class="fa fa-angle-right"></i> |
||
| 11 | </li> |
||
| 12 | <li> |
||
| 13 | <a href="#"></a> |
||
| 14 | </li> |
||
| 15 | </ul> |
||
| 16 | <div class="page-toolbar"> |
||
| 17 | <div class="btn-group pull-right"> |
||
| 18 | <button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"> |
||
| 19 | Actions <i class="fa fa-angle-down"></i> |
||
| 20 | </button> |
||
| 21 | <ul class="dropdown-menu pull-right" role="menu"> |
||
| 22 | <li> |
||
| 23 | <a href="#">Action</a> |
||
| 24 | </li> |
||
| 25 | <li> |
||
| 26 | <a href="#">Another action</a> |
||
| 27 | </li> |
||
| 28 | <li> |
||
| 29 | <a href="#">Something else here</a> |
||
| 30 | </li> |
||
| 31 | <li class="divider"> |
||
| 32 | </li> |
||
| 33 | <li> |
||
| 34 | <a href="#">Separated link</a> |
||
| 35 | </li> |
||
| 36 | </ul> |
||
| 37 | </div> |
||
| 38 | </div> |
||
| 39 | </div> |
||
| 40 | <!-- END PAGE HEADER--> |
||
| 41 | <!-- BEGIN PAGE CONTENT--> |
||
| 42 | <div class="row"> |
||
| 43 | <div class="col-md-6"> |
||
| 44 | <!-- BEGIN SAMPLE FORM PORTLET--> |
||
| 45 | <div class="portlet box blue"> |
||
| 46 | <div class="portlet-title"> |
||
| 47 | <div class="caption"> |
||
| 48 | <i class="fa fa-gift"></i> Default Form |
||
| 49 | </div> |
||
| 50 | <div class="tools"> |
||
| 51 | <a href="" class="collapse"> |
||
| 52 | </a> |
||
| 53 | <a href="#portlet-config" data-toggle="modal" class="config"> |
||
| 54 | </a> |
||
| 55 | <a href="" class="reload"> |
||
| 56 | </a> |
||
| 57 | <a href="" class="remove"> |
||
| 58 | </a> |
||
| 59 | </div> |
||
| 60 | </div> |
||
| 61 | <div class="portlet-body form"> |
||
| 62 | <form role="form"> |
||
| 63 | <div class="form-body"> |
||
| 64 | <div class="form-group"> |
||
| 65 | <label for="exampleInputEmail1">Text</label> |
||
| 66 | <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter text"> |
||
| 67 | <span class="help-block"> |
||
| 68 | A block of help text. </span> |
||
| 69 | </div> |
||
| 70 | <div class="form-group"> |
||
| 71 | <label>Email Address</label> |
||
| 72 | <div class="input-group"> |
||
| 73 | <span class="input-group-addon"> |
||
| 74 | <i class="fa fa-envelope"></i> |
||
| 75 | </span> |
||
| 76 | <input type="text" class="form-control" placeholder="Email Address"> |
||
| 77 | </div> |
||
| 78 | </div> |
||
| 79 | <div class="form-group"> |
||
| 80 | <label for="exampleInputPassword1">Password</label> |
||
| 81 | <div class="input-group"> |
||
| 82 | <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> |
||
| 83 | <span class="input-group-addon"> |
||
| 84 | <i class="fa fa-user"></i> |
||
| 85 | </span> |
||
| 86 | </div> |
||
| 87 | </div> |
||
| 88 | <div class="form-group"> |
||
| 89 | <label>Left Icon</label> |
||
| 90 | <div class="input-icon"> |
||
| 91 | <i class="fa fa-bell-o"></i> |
||
| 92 | <input type="text" class="form-control" placeholder="Left icon"> |
||
| 93 | </div> |
||
| 94 | </div> |
||
| 95 | <div class="form-group"> |
||
| 96 | <label>Right Icon</label> |
||
| 97 | <div class="input-icon right"> |
||
| 98 | <i class="fa fa-microphone"></i> |
||
| 99 | <input type="text" class="form-control" placeholder="Right icon"> |
||
| 100 | </div> |
||
| 101 | </div> |
||
| 102 | <div class="form-group"> |
||
| 103 | <label>Input With Spinner</label> |
||
| 104 | <input class="form-control spinner" type="text" placeholder="Process something"/> |
||
| 105 | </div> |
||
| 106 | <div class="form-group"> |
||
| 107 | <label>Static Control</label> |
||
| 108 | <p class="form-control-static"> |
||
| 109 | email@example.com |
||
| 110 | </p> |
||
| 111 | </div> |
||
| 112 | <div class="form-group"> |
||
| 113 | <label>Disabled</label> |
||
| 114 | <input type="text" class="form-control" placeholder="Disabled" disabled> |
||
| 115 | </div> |
||
| 116 | <div class="form-group"> |
||
| 117 | <label>Readonly</label> |
||
| 118 | <input type="text" class="form-control" placeholder="Readonly" readonly> |
||
| 119 | </div> |
||
| 120 | <div class="form-group"> |
||
| 121 | <label>Dropdown</label> |
||
| 122 | <select class="form-control"> |
||
| 123 | <option>Option 1</option> |
||
| 124 | <option>Option 2</option> |
||
| 125 | <option>Option 3</option> |
||
| 126 | <option>Option 4</option> |
||
| 127 | <option>Option 5</option> |
||
| 128 | </select> |
||
| 129 | </div> |
||
| 130 | <div class="form-group"> |
||
| 131 | <label>Multiple Select</label> |
||
| 132 | <select multiple class="form-control"> |
||
| 133 | <option>Option 1</option> |
||
| 134 | <option>Option 2</option> |
||
| 135 | <option>Option 3</option> |
||
| 136 | <option>Option 4</option> |
||
| 137 | <option>Option 5</option> |
||
| 138 | </select> |
||
| 139 | </div> |
||
| 140 | <div class="form-group"> |
||
| 141 | <label>Textarea</label> |
||
| 142 | <textarea class="form-control" rows="3"></textarea> |
||
| 143 | </div> |
||
| 144 | <div class="form-group"> |
||
| 145 | <label for="exampleInputFile">File input</label> |
||
| 146 | <input type="file" id="exampleInputFile"> |
||
| 147 | <p class="help-block"> |
||
| 148 | some help text here. |
||
| 149 | </p> |
||
| 150 | </div> |
||
| 151 | <div class="form-group"> |
||
| 152 | <label>Checkboxes</label> |
||
| 153 | <div class="checkbox-list"> |
||
| 154 | <label> |
||
| 155 | <input type="checkbox"> Checkbox 1 </label> |
||
| 156 | <label> |
||
| 157 | <input type="checkbox"> Checkbox 2 </label> |
||
| 158 | <label> |
||
| 159 | <input type="checkbox" disabled> Disabled </label> |
||
| 160 | </div> |
||
| 161 | </div> |
||
| 162 | <div class="form-group"> |
||
| 163 | <label>Inline Checkboxes</label> |
||
| 164 | <div class="checkbox-list"> |
||
| 165 | <label class="checkbox-inline"> |
||
| 166 | <input type="checkbox" id="inlineCheckbox1" value="option1"> Checkbox 1 </label> |
||
| 167 | <label class="checkbox-inline"> |
||
| 168 | <input type="checkbox" id="inlineCheckbox2" value="option2"> Checkbox 2 </label> |
||
| 169 | <label class="checkbox-inline"> |
||
| 170 | <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> Disabled </label> |
||
| 171 | </div> |
||
| 172 | </div> |
||
| 173 | <div class="form-group"> |
||
| 174 | <label>Radio</label> |
||
| 175 | <div class="radio-list"> |
||
| 176 | <label> |
||
| 177 | <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option 1 </label> |
||
| 178 | <label> |
||
| 179 | <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option 2 </label> |
||
| 180 | <label> |
||
| 181 | <input type="radio" name="optionsRadios" id="optionsRadios2" value="option3" disabled> Disabled </label> |
||
| 182 | </div> |
||
| 183 | </div> |
||
| 184 | <div class="form-group"> |
||
| 185 | <label>Inline Radio</label> |
||
| 186 | <div class="radio-list"> |
||
| 187 | <label class="radio-inline"> |
||
| 188 | <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option 1 </label> |
||
| 189 | <label class="radio-inline"> |
||
| 190 | <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option 2 </label> |
||
| 191 | <label class="radio-inline"> |
||
| 192 | <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled> Disabled </label> |
||
| 193 | </div> |
||
| 194 | </div> |
||
| 195 | </div> |
||
| 196 | <div class="form-actions"> |
||
| 197 | <button type="submit" class="btn blue">Submit</button> |
||
| 198 | <button type="button" class="btn default">Cancel</button> |
||
| 199 | </div> |
||
| 200 | </form> |
||
| 201 | </div> |
||
| 202 | </div> |
||
| 203 | <!-- END SAMPLE FORM PORTLET--> |
||
| 204 | <!-- BEGIN SAMPLE FORM PORTLET--> |
||
| 205 | <div class="portlet box purple"> |
||
| 206 | <div class="portlet-title"> |
||
| 207 | <div class="caption"> |
||
| 208 | <i class="fa fa-gift"></i> Input Groups |
||
| 209 | </div> |
||
| 210 | <div class="tools"> |
||
| 211 | <a href="" class="collapse"> |
||
| 212 | </a> |
||
| 213 | <a href="#portlet-config" data-toggle="modal" class="config"> |
||
| 214 | </a> |
||
| 215 | <a href="" class="reload"> |
||
| 216 | </a> |
||
| 217 | <a href="" class="remove"> |
||
| 218 | </a> |
||
| 219 | </div> |
||
| 220 | </div> |
||
| 221 | <div class="portlet-body"> |
||
| 222 | <h4 class="block">Checkboxe Addons</h4> |
||
| 223 | <form role="form"> |
||
| 224 | <div class="row"> |
||
| 225 | <div class="col-lg-6"> |
||
| 226 | <div class="input-group"> |
||
| 227 | <span class="input-group-addon"> |
||
| 228 | <input type="checkbox"> |
||
| 229 | </span> |
||
| 230 | <input type="text" class="form-control"> |
||
| 231 | </div> |
||
| 232 | <!-- /input-group --> |
||
| 233 | </div> |
||
| 234 | <!-- /.col-lg-6 --> |
||
| 235 | <div class="col-lg-6"> |
||
| 236 | <div class="input-group"> |
||
| 237 | <input type="text" class="form-control"> |
||
| 238 | <span class="input-group-addon"> |
||
| 239 | <input type="checkbox"> |
||
| 240 | </span> |
||
| 241 | </div> |
||
| 242 | <!-- /input-group --> |
||
| 243 | </div> |
||
| 244 | <!-- /.col-lg-6 --> |
||
| 245 | </div> |
||
| 246 | <!-- /.row --> |
||
| 247 | </form> |
||
| 248 | <h4 class="block">Button Addons</h4> |
||
| 249 | <form role="form"> |
||
| 250 | <div class="row"> |
||
| 251 | <div class="col-lg-6"> |
||
| 252 | <div class="input-group"> |
||
| 253 | <span class="input-group-btn"> |
||
| 254 | <button class="btn red" type="button">Go!</button> |
||
| 255 | </span> |
||
| 256 | <input type="text" class="form-control"> |
||
| 257 | </div> |
||
| 258 | <!-- /input-group --> |
||
| 259 | </div> |
||
| 260 | <!-- /.col-lg-6 --> |
||
| 261 | <div class="col-lg-6"> |
||
| 262 | <div class="input-group"> |
||
| 263 | <input type="text" class="form-control"> |
||
| 264 | <span class="input-group-btn"> |
||
| 265 | <button class="btn blue" type="button">Go!</button> |
||
| 266 | </span> |
||
| 267 | </div> |
||
| 268 | <!-- /input-group --> |
||
| 269 | </div> |
||
| 270 | <!-- /.col-lg-6 --> |
||
| 271 | </div> |
||
| 272 | <!-- /.row --> |
||
| 273 | </form> |
||
| 274 | <h4 class="block">Button Addons On Both Sides</h4> |
||
| 275 | <form role="form"> |
||
| 276 | <div class="row"> |
||
| 277 | <div class="col-lg-12"> |
||
| 278 | <div class="input-group"> |
||
| 279 | <span class="input-group-btn"> |
||
| 280 | <button class="btn red" type="button">Go!</button> |
||
| 281 | </span> |
||
| 282 | <input type="text" class="form-control"> |
||
| 283 | <span class="input-group-btn"> |
||
| 284 | <button class="btn blue" type="button">Go!</button> |
||
| 285 | </span> |
||
| 286 | </div> |
||
| 287 | <!-- /input-group --> |
||
| 288 | </div> |
||
| 289 | <!-- /.col-lg-6 --> |
||
| 290 | </div> |
||
| 291 | </form> |
||
| 292 | <h4 class="block">Buttons With Dropdowns</h4> |
||
| 293 | <form role="form"> |
||
| 294 | <div class="row"> |
||
| 295 | <div class="col-lg-6"> |
||
| 296 | <div class="input-group"> |
||
| 297 | <div class="input-group-btn"> |
||
| 298 | <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown">Action <i class="fa fa-angle-down"></i></button> |
||
| 299 | <ul class="dropdown-menu"> |
||
| 300 | <li> |
||
| 301 | <a href="#"> |
||
| 302 | Action </a> |
||
| 303 | </li> |
||
| 304 | <li> |
||
| 305 | <a href="#"> |
||
| 306 | Another action </a> |
||
| 307 | </li> |
||
| 308 | <li> |
||
| 309 | <a href="#"> |
||
| 310 | Something else here </a> |
||
| 311 | </li> |
||
| 312 | <li class="divider"> |
||
| 313 | </li> |
||
| 314 | <li> |
||
| 315 | <a href="#"> |
||
| 316 | Separated link </a> |
||
| 317 | </li> |
||
| 318 | </ul> |
||
| 319 | </div> |
||
| 320 | <!-- /btn-group --> |
||
| 321 | <input type="text" class="form-control"> |
||
| 322 | </div> |
||
| 323 | <!-- /input-group --> |
||
| 324 | </div> |
||
| 325 | <!-- /.col-lg-6 --> |
||
| 326 | <div class="col-lg-6"> |
||
| 327 | <div class="input-group"> |
||
| 328 | <input type="text" class="form-control"> |
||
| 329 | <div class="input-group-btn"> |
||
| 330 | <button type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown">Action <i class="fa fa-angle-down"></i></button> |
||
| 331 | <ul class="dropdown-menu pull-right"> |
||
| 332 | <li> |
||
| 333 | <a href="#"> |
||
| 334 | Action </a> |
||
| 335 | </li> |
||
| 336 | <li> |
||
| 337 | <a href="#"> |
||
| 338 | Another action </a> |
||
| 339 | </li> |
||
| 340 | <li> |
||
| 341 | <a href="#"> |
||
| 342 | Something else here </a> |
||
| 343 | </li> |
||
| 344 | <li class="divider"> |
||
| 345 | </li> |
||
| 346 | <li> |
||
| 347 | <a href="#"> |
||
| 348 | Separated link </a> |
||
| 349 | </li> |
||
| 350 | </ul> |
||
| 351 | </div> |
||
| 352 | <!-- /btn-group --> |
||
| 353 | </div> |
||
| 354 | <!-- /input-group --> |
||
| 355 | </div> |
||
| 356 | <!-- /.col-lg-6 --> |
||
| 357 | </div> |
||
| 358 | <!-- /.row --> |
||
| 359 | </form> |
||
| 360 | <h4 class="block">Buttons With Dropdowns On Both Sides</h4> |
||
| 361 | <form role="form"> |
||
| 362 | <div class="row"> |
||
| 363 | <div class="col-lg-12"> |
||
| 364 | <div class="input-group"> |
||
| 365 | <div class="input-group-btn"> |
||
| 366 | <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown">Action <i class="fa fa-angle-down"></i></button> |
||
| 367 | <ul class="dropdown-menu"> |
||
| 368 | <li> |
||
| 369 | <a href="#"> |
||
| 370 | Action </a> |
||
| 371 | </li> |
||
| 372 | <li> |
||
| 373 | <a href="#"> |
||
| 374 | Another action </a> |
||
| 375 | </li> |
||
| 376 | <li> |
||
| 377 | <a href="#"> |
||
| 378 | Something else here </a> |
||
| 379 | </li> |
||
| 380 | <li class="divider"> |
||
| 381 | </li> |
||
| 382 | <li> |
||
| 383 | <a href="#"> |
||
| 384 | Separated link </a> |
||
| 385 | </li> |
||
| 386 | </ul> |
||
| 387 | </div> |
||
| 388 | <!-- /btn-group --> |
||
| 389 | <input type="text" class="form-control"> |
||
| 390 | <div class="input-group-btn"> |
||
| 391 | <button type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown">Action <i class="fa fa-angle-down"></i></button> |
||
| 392 | <ul class="dropdown-menu pull-right"> |
||
| 393 | <li> |
||
| 394 | <a href="#"> |
||
| 395 | Action </a> |
||
| 396 | </li> |
||
| 397 | <li> |
||
| 398 | <a href="#"> |
||
| 399 | Another action </a> |
||
| 400 | </li> |
||
| 401 | <li> |
||
| 402 | <a href="#"> |
||
| 403 | Something else here </a> |
||
| 404 | </li> |
||
| 405 | <li class="divider"> |
||
| 406 | </li> |
||
| 407 | <li> |
||
| 408 | <a href="#"> |
||
| 409 | Separated link </a> |
||
| 410 | </li> |
||
| 411 | </ul> |
||
| 412 | </div> |
||
| 413 | <!-- /btn-group --> |
||
| 414 | </div> |
||
| 415 | <!-- /input-group --> |
||
| 416 | </div> |
||
| 417 | <!-- /.col-lg-6 --> |
||
| 418 | </div> |
||
| 419 | <!-- /.row --> |
||
| 420 | </form> |
||
| 421 | <h4 class="block">Segmented Buttons</h4> |
||
| 422 | <form role="form"> |
||
| 423 | <div class="row"> |
||
| 424 | <div class="col-lg-6"> |
||
| 425 | <div class="input-group"> |
||
| 426 | <div class="input-group-btn"> |
||
| 427 | <button type="button" class="btn default" tabindex="-1">Action</button> |
||
| 428 | <button type="button" class="btn default dropdown-toggle" data-toggle="dropdown" tabindex="-1"> |
||
| 429 | <i class="fa fa-angle-down"></i> |
||
| 430 | </button> |
||
| 431 | <ul class="dropdown-menu" role="menu"> |
||
| 432 | <li> |
||
| 433 | <a href="#"> |
||
| 434 | Action </a> |
||
| 435 | </li> |
||
| 436 | <li> |
||
| 437 | <a href="#"> |
||
| 438 | Another action </a> |
||
| 439 | </li> |
||
| 440 | <li> |
||
| 441 | <a href="#"> |
||
| 442 | Something else here </a> |
||
| 443 | </li> |
||
| 444 | <li class="divider"> |
||
| 445 | </li> |
||
| 446 | <li> |
||
| 447 | <a href="#"> |
||
| 448 | Separated link </a> |
||
| 449 | </li> |
||
| 450 | </ul> |
||
| 451 | </div> |
||
| 452 | <input type="text" class="form-control"> |
||
| 453 | </div> |
||
| 454 | <!-- /.input-group --> |
||
| 455 | </div> |
||
| 456 | <!-- /.col-lg-6 --> |
||
| 457 | <div class="col-lg-6"> |
||
| 458 | <div class="input-group"> |
||
| 459 | <input type="text" class="form-control"> |
||
| 460 | <div class="input-group-btn"> |
||
| 461 | <button type="button" class="btn green" tabindex="-1">Action</button> |
||
| 462 | <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown" tabindex="-1"> |
||
| 463 | <i class="fa fa-angle-down"></i> |
||
| 464 | </button> |
||
| 465 | <ul class="dropdown-menu pull-right" role="menu"> |
||
| 466 | <li> |
||
| 467 | <a href="#"> |
||
| 468 | Action </a> |
||
| 469 | </li> |
||
| 470 | <li> |
||
| 471 | <a href="#"> |
||
| 472 | Another action </a> |
||
| 473 | </li> |
||
| 474 | <li> |
||
| 475 | <a href="#"> |
||
| 476 | Something else here </a> |
||
| 477 | </li> |
||
| 478 | <li class="divider"> |
||
| 479 | </li> |
||
| 480 | <li> |
||
| 481 | <a href="#"> |
||
| 482 | Separated link </a> |
||
| 483 | </li> |
||
| 484 | </ul> |
||
| 485 | </div> |
||
| 486 | </div> |
||
| 487 | <!-- /.input-group --> |
||
| 488 | </div> |
||
| 489 | <!-- /.col-lg-6 --> |
||
| 490 | </div> |
||
| 491 | </form> |
||
| 492 | </div> |
||
| 493 | </div> |
||
| 494 | <!-- END SAMPLE FORM PORTLET--> |
||
| 495 | <!-- BEGIN SAMPLE FORM PORTLET--> |
||
| 496 | <div class="portlet box red"> |
||
| 497 | <div class="portlet-title"> |
||
| 498 | <div class="caption"> |
||
| 499 | <i class="fa fa-gift"></i> Default Form Height Sizing |
||
| 500 | </div> |
||
| 501 | <div class="tools"> |
||
| 502 | <a href="" class="collapse"> |
||
| 503 | </a> |
||
| 504 | <a href="#portlet-config" data-toggle="modal" class="config"> |
||
| 505 | </a> |
||
| 506 | <a href="" class="reload"> |
||
| 507 | </a> |
||
| 508 | <a href="" class="remove"> |
||
| 509 | </a> |
||
| 510 | </div> |
||
| 511 | </div> |
||
| 512 | <div class="portlet-body form"> |
||
| 513 | <form role="form"> |
||
| 514 | <div class="form-body"> |
||
| 515 | <div class="form-group"> |
||
| 516 | <label>Large Input</label> |
||
| 517 | <input type="text" class="form-control input-lg" placeholder="Large Input"> |
||
| 518 | </div> |
||
| 519 | <div class="form-group"> |
||
| 520 | <label>Default Input</label> |
||
| 521 | <input type="text" class="form-control" placeholder="Default Input"> |
||
| 522 | </div> |
||
| 523 | <div class="form-group"> |
||
| 524 | <label>Small Input</label> |
||
| 525 | <input type="text" class="form-control input-sm" placeholder="Small Input"> |
||
| 526 | </div> |
||
| 527 | <div class="form-group"> |
||
| 528 | <label>Large Select</label> |
||
| 529 | <select class="form-control input-lg"> |
||
| 530 | <option>Option 1</option> |
||
| 531 | <option>Option 2</option> |
||
| 532 | <option>Option 3</option> |
||
| 533 | <option>Option 4</option> |
||
| 534 | <option>Option 5</option> |
||
| 535 | </select> |
||
| 536 | </div> |
||
| 537 | <div class="form-group"> |
||
| 538 | <label>Default Select</label> |
||
| 539 | <select class="form-control"> |
||
| 540 | <option>Option 1</option> |
||
| 541 | <option>Option 2</option> |
||
| 542 | <option>Option 3</option> |
||
| 543 | <option>Option 4</option> |
||
| 544 | <option>Option 5</option> |
||
| 545 | </select> |
||
| 546 | </div> |
||
| 547 | <div class="form-group"> |
||
| 548 | <label>Small Select</label> |
||
| 549 | <select class="form-control input-sm"> |
||
| 550 | <option>Option 1</option> |
||
| 551 | <option>Option 2</option> |
||
| 552 | <option>Option 3</option> |
||
| 553 | <option>Option 4</option> |
||
| 554 | <option>Option 5</option> |
||
| 555 | </select> |
||
| 556 | </div> |
||
| 557 | </div> |
||
| 558 | <div class="form-actions right"> |
||
| 559 | <button type="button" class="btn default">Cancel</button> |
||
| 560 | <button type="submit" class="btn green">Submit</button> |
||
| 561 | </div> |
||
| 562 | </form> |
||
| 563 | </div> |
||
| 564 | </div> |
||
| 565 | <!-- END SAMPLE FORM PORTLET--> |
||
| 566 | </div> |
||
| 567 | <div class="col-md-6"> |
||
| 568 | <!-- BEGIN SAMPLE FORM PORTLET--> |
||
| 569 | <div class="portlet box green"> |
||
| 570 | <div class="portlet-title"> |
||
| 571 | <div class="caption"> |
||
| 572 | <i class="fa fa-gift"></i> Horizontal Form |
||
| 573 | </div> |
||
| 574 | <div class="tools"> |
||
| 575 | <a href="" class="collapse"> |
||
| 576 | </a> |
||
| 577 | <a href="#portlet-config" data-toggle="modal" class="config"> |
||
| 578 | </a> |
||
| 579 | <a href="" class="reload"> |
||
| 580 | </a> |
||
| 581 | <a href="" class="remove"> |
||
| 582 | </a> |
||
| 583 | </div> |
||
| 584 | </div> |
||
| 585 | <div class="portlet-body form"> |
||
| 586 | <form class="form-horizontal" role="form"> |
||
| 587 | <div class="form-body"> |
||
| 588 | <div class="form-group"> |
||
| 589 | <label class="col-lg-3 control-label">Text</label> |
||
| 590 | <div class="col-lg-9"> |
||
| 591 | <input type="text" class="form-control" placeholder="Enter text"> |
||
| 592 | <span class="help-block"> |
||
| 593 | A block of help text. </span> |
||
| 594 | </div> |
||
| 595 | </div> |
||
| 596 | <div class="form-group"> |
||
| 597 | <label class="col-lg-3 control-label">Email Address</label> |
||
| 598 | <div class="col-lg-9"> |
||
| 599 | <div class="input-group"> |
||
| 600 | <span class="input-group-addon"> |
||
| 601 | <i class="fa fa-envelope"></i> |
||
| 602 | </span> |
||
| 603 | <input type="email" class="form-control" placeholder="Email Address"> |
||
| 604 | </div> |
||
| 605 | </div> |
||
| 606 | </div> |
||
| 607 | <div class="form-group"> |
||
| 608 | <label class="col-lg-3 control-label">Password</label> |
||
| 609 | <div class="col-lg-9"> |
||
| 610 | <div class="input-group"> |
||
| 611 | <input type="password" class="form-control" placeholder="Password"> |
||
| 612 | <span class="input-group-addon"> |
||
| 613 | <i class="fa fa-user"></i> |
||
| 614 | </span> |
||
| 615 | </div> |
||
| 616 | </div> |
||
| 617 | </div> |
||
| 618 | <div class="form-group"> |
||
| 619 | <label class="col-lg-3 control-label">Left Icon</label> |
||
| 620 | <div class="col-lg-9"> |
||
| 621 | <div class="input-icon"> |
||
| 622 | <i class="fa fa-bell-o"></i> |
||
| 623 | <input type="text" class="form-control" placeholder="Left icon"> |
||
| 624 | </div> |
||
| 625 | </div> |
||
| 626 | </div> |
||
| 627 | <div class="form-group"> |
||
| 628 | <label class="col-lg-3 control-label">Right Icon</label> |
||
| 629 | <div class="col-lg-9"> |
||
| 630 | <div class="input-icon right"> |
||
| 631 | <i class="fa fa-microphone"></i> |
||
| 632 | <input type="text" class="form-control" placeholder="Right icon"> |
||
| 633 | </div> |
||
| 634 | </div> |
||
| 635 | </div> |
||
| 636 | <div class="form-group"> |
||
| 637 | <label class="col-lg-3 control-label">Input With Spinner</label> |
||
| 638 | <div class="col-lg-9"> |
||
| 639 | <input type="password" class="form-control spinner" placeholder="Password"> |
||
| 640 | </div> |
||
| 641 | </div> |
||
| 642 | <div class="form-group"> |
||
| 643 | <label class="col-lg-3 control-label">Static Control</label> |
||
| 644 | <div class="col-lg-9"> |
||
| 645 | <p class="form-control-static"> |
||
| 646 | email@example.com |
||
| 647 | </p> |
||
| 648 | </div> |
||
| 649 | </div> |
||
| 650 | <div class="form-group"> |
||
| 651 | <label class="col-lg-3 control-label">Disabled</label> |
||
| 652 | <div class="col-lg-9"> |
||
| 653 | <input type="password" class="form-control" placeholder="Disabled" disabled> |
||
| 654 | </div> |
||
| 655 | </div> |
||
| 656 | <div class="form-group"> |
||
| 657 | <label class="col-lg-3 control-label">Readonly</label> |
||
| 658 | <div class="col-lg-9"> |
||
| 659 | <input type="password" class="form-control" placeholder="Readonly" readonly> |
||
| 660 | </div> |
||
| 661 | </div> |
||
| 662 | <div class="form-group"> |
||
| 663 | <label class="col-lg-3 control-label">Dropdown</label> |
||
| 664 | <div class="col-lg-9"> |
||
| 665 | <select class="form-control"> |
||
| 666 | <option>Option 1</option> |
||
| 667 | <option>Option 2</option> |
||
| 668 | <option>Option 3</option> |
||
| 669 | <option>Option 4</option> |
||
| 670 | <option>Option 5</option> |
||
| 671 | </select> |
||
| 672 | </div> |
||
| 673 | </div> |
||
| 674 | <div class="form-group"> |
||
| 675 | <label class="col-lg-3 control-label">Multiple Select</label> |
||
| 676 | <div class="col-lg-9"> |
||
| 677 | <select multiple class="form-control"> |
||
| 678 | <option>Option 1</option> |
||
| 679 | <option>Option 2</option> |
||
| 680 | <option>Option 3</option> |
||
| 681 | <option>Option 4</option> |
||
| 682 | <option>Option 5</option> |
||
| 683 | </select> |
||
| 684 | </div> |
||
| 685 | </div> |
||
| 686 | <div class="form-group"> |
||
| 687 | <label class="col-lg-3 control-label">Textarea</label> |
||
| 688 | <div class="col-lg-9"> |
||
| 689 | <textarea class="form-control" rows="3"></textarea> |
||
| 690 | </div> |
||
| 691 | </div> |
||
| 692 | <div class="form-group"> |
||
| 693 | <label for="exampleInputFile" class="col-lg-3 control-label">File input</label> |
||
| 694 | <div class="col-lg-9"> |
||
| 695 | <input type="file" id="exampleInputFile"> |
||
| 696 | <p class="help-block"> |
||
| 697 | some help text here. |
||
| 698 | </p> |
||
| 699 | </div> |
||
| 700 | </div> |
||
| 701 | <div class="form-group"> |
||
| 702 | <label class="col-lg-3 control-label">Checkboxes</label> |
||
| 703 | <div class="col-lg-9"> |
||
| 704 | <div class="checkbox-list"> |
||
| 705 | <label> |
||
| 706 | <input type="checkbox"> Checkbox 1 </label> |
||
| 707 | <label> |
||
| 708 | <input type="checkbox"> Checkbox 1 </label> |
||
| 709 | <label> |
||
| 710 | <input type="checkbox" disabled> Disabled </label> |
||
| 711 | </div> |
||
| 712 | </div> |
||
| 713 | </div> |
||
| 714 | <div class="form-group"> |
||
| 715 | <label class="col-lg-3 control-label">Inline Checkboxes</label> |
||
| 716 | <div class="col-lg-9"> |
||
| 717 | <div class="checkbox-list"> |
||
| 718 | <label class="checkbox-inline"> |
||
| 719 | <input type="checkbox" id="inlineCheckbox1" value="option1"> Checkbox 1 </label> |
||
| 720 | <label class="checkbox-inline"> |
||
| 721 | <input type="checkbox" id="inlineCheckbox2" value="option2"> Checkbox 2 </label> |
||
| 722 | <label class="checkbox-inline"> |
||
| 723 | <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> Disabled </label> |
||
| 724 | </div> |
||
| 725 | </div> |
||
| 726 | </div> |
||
| 727 | <div class="form-group"> |
||
| 728 | <label class="col-lg-3 control-label">Radio</label> |
||
| 729 | <div class="col-lg-9"> |
||
| 730 | <div class="radio-list"> |
||
| 731 | <label> |
||
| 732 | <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option 1 </label> |
||
| 733 | <label> |
||
| 734 | <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" checked> Option 2 </label> |
||
| 735 | <label> |
||
| 736 | <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" disabled> Disabled </label> |
||
| 737 | </div> |
||
| 738 | </div> |
||
| 739 | </div> |
||
| 740 | <div class="form-group"> |
||
| 741 | <label class="col-lg-3 control-label">Inline Radio</label> |
||
| 742 | <div class="col-lg-9"> |
||
| 743 | <div class="radio-list"> |
||
| 744 | <label class="radio-inline"> |
||
| 745 | <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option 1 </label> |
||
| 746 | <label class="radio-inline"> |
||
| 747 | <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" checked> Option 2 </label> |
||
| 748 | <label class="radio-inline"> |
||
| 749 | <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled> Disabled </label> |
||
| 750 | </div> |
||
| 751 | </div> |
||
| 752 | </div> |
||
| 753 | </div> |
||
| 754 | <div class="form-actions fluid"> |
||
| 755 | <div class="col-lg-offset-3 col-lg-9"> |
||
| 756 | <button type="submit" class="btn green">Submit</button> |
||
| 757 | <button type="button" class="btn default">Cancel</button> |
||
| 758 | </div> |
||
| 759 | </div> |
||
| 760 | </form> |
||
| 761 | </div> |
||
| 762 | </div> |
||
| 763 | <!-- END SAMPLE FORM PORTLET--> |
||
| 764 | <!-- BEGIN SAMPLE FORM PORTLET--> |
||
| 765 | <div class="portlet box purple"> |
||
| 766 | <div class="portlet-title"> |
||
| 767 | <div class="caption"> |
||
| 768 | <i class="fa fa-gift"></i> Horizontal Form Height Sizing |
||
| 769 | </div> |
||
| 770 | <div class="tools"> |
||
| 771 | <a href="" class="collapse"> |
||
| 772 | </a> |
||
| 773 | <a href="#portlet-config" data-toggle="modal" class="config"> |
||
| 774 | </a> |
||
| 775 | <a href="" class="reload"> |
||
| 776 | </a> |
||
| 777 | <a href="" class="remove"> |
||
| 778 | </a> |
||
| 779 | </div> |
||
| 780 | </div> |
||
| 781 | <div class="portlet-body form"> |
||
| 782 | <form class="form-horizontal" role="form"> |
||
| 783 | <div class="form-body"> |
||
| 784 | <div class="form-group"> |
||
| 785 | <label class="col-lg-3 control-label">Large Input</label> |
||
| 786 | <div class="col-lg-9"> |
||
| 787 | <input type="text" class="form-control input-lg" placeholder="Large Input"> |
||
| 788 | </div> |
||
| 789 | </div> |
||
| 790 | <div class="form-group"> |
||
| 791 | <label class="col-lg-3 control-label">Default Input</label> |
||
| 792 | <div class="col-lg-9"> |
||
| 793 | <input type="text" class="form-control" placeholder="Default Input"> |
||
| 794 | </div> |
||
| 795 | </div> |
||
| 796 | <div class="form-group"> |
||
| 797 | <label class="col-lg-3 control-label">Small Input</label> |
||
| 798 | <div class="col-lg-9"> |
||
| 799 | <input type="text" class="form-control input-sm" placeholder="Default Input"> |
||
| 800 | </div> |
||
| 801 | </div> |
||
| 802 | <div class="form-group"> |
||
| 803 | <label class="col-lg-3 control-label">Large Select</label> |
||
| 804 | <div class="col-lg-9"> |
||
| 805 | <select class="form-control input-lg"> |
||
| 806 | <option>Option 1</option> |
||
| 807 | <option>Option 2</option> |
||
| 808 | <option>Option 3</option> |
||
| 809 | <option>Option 4</option> |
||
| 810 | <option>Option 5</option> |
||
| 811 | </select> |
||
| 812 | </div> |
||
| 813 | </div> |
||
| 814 | <div class="form-group"> |
||
| 815 | <label class="col-lg-3 control-label">Default Select</label> |
||
| 816 | <div class="col-lg-9"> |
||
| 817 | <select class="form-control"> |
||
| 818 | <option>Option 1</option> |
||
| 819 | <option>Option 2</option> |
||
| 820 | <option>Option 3</option> |
||
| 821 | <option>Option 4</option> |
||
| 822 | <option>Option 5</option> |
||
| 823 | </select> |
||
| 824 | </div> |
||
| 825 | </div> |
||
| 826 | <div class="form-group"> |
||
| 827 | <label class="col-lg-3 control-label">Small Select</label> |
||
| 828 | <div class="col-lg-9"> |
||
| 829 | <select class="form-control input-sm"> |
||
| 830 | <option>Option 1</option> |
||
| 831 | <option>Option 2</option> |
||
| 832 | <option>Option 3</option> |
||
| 833 | <option>Option 4</option> |
||
| 834 | <option>Option 5</option> |
||
| 835 | </select> |
||
| 836 | </div> |
||
| 837 | </div> |
||
| 838 | </div> |
||
| 839 | <div class="form-actions right"> |
||
| 840 | <button type="button" class="btn default">Cancel</button> |
||
| 841 | <button type="submit" class="btn green">Submit</button> |
||
| 842 | </div> |
||
| 843 | </form> |
||
| 844 | </div> |
||
| 845 | </div> |
||
| 846 | <!-- END SAMPLE FORM PORTLET--> |
||
| 847 | <div class="portlet box blue"> |
||
| 848 | <div class="portlet-title"> |
||
| 849 | <div class="caption"> |
||
| 850 | <i class="fa fa-gift"></i> Validation States |
||
| 851 | </div> |
||
| 852 | <div class="tools"> |
||
| 853 | <a href="" class="collapse"> |
||
| 854 | </a> |
||
| 855 | <a href="#portlet-config" data-toggle="modal" class="config"> |
||
| 856 | </a> |
||
| 857 | <a href="" class="reload"> |
||
| 858 | </a> |
||
| 859 | <a href="" class="remove"> |
||
| 860 | </a> |
||
| 861 | </div> |
||
| 862 | </div> |
||
| 863 | <div class="portlet-body form"> |
||
| 864 | <form role="form"> |
||
| 865 | <div class="form-body"> |
||
| 866 | <div class="form-group has-success"> |
||
| 867 | <label class="control-label" for="inputSuccess">Input with success</label> |
||
| 868 | <input type="text" class="form-control" id="inputSuccess"> |
||
| 869 | </div> |
||
| 870 | <div class="form-group has-warning"> |
||
| 871 | <label class="control-label" for="inputWarning">Input with warning</label> |
||
| 872 | <input type="text" class="form-control" id="inputWarning"> |
||
| 873 | </div> |
||
| 874 | <div class="form-group has-error"> |
||
| 875 | <label class="control-label" for="inputError">Input with error</label> |
||
| 876 | <input type="text" class="form-control" id="inputError"> |
||
| 877 | </div> |
||
| 878 | </div> |
||
| 879 | <div class="form-actions"> |
||
| 880 | <button type="button" class="btn default">Cancel</button> |
||
| 881 | <button type="submit" class="btn red">Submit</button> |
||
| 882 | </div> |
||
| 883 | </form> |
||
| 884 | </div> |
||
| 885 | </div> |
||
| 886 | <div class="portlet box yellow"> |
||
| 887 | <div class="portlet-title"> |
||
| 888 | <div class="caption"> |
||
| 889 | <i class="fa fa-gift"></i> Validation States With Icons |
||
| 890 | </div> |
||
| 891 | <div class="tools"> |
||
| 892 | <a href="" class="collapse"> |
||
| 893 | </a> |
||
| 894 | <a href="#portlet-config" data-toggle="modal" class="config"> |
||
| 895 | </a> |
||
| 896 | <a href="" class="reload"> |
||
| 897 | </a> |
||
| 898 | <a href="" class="remove"> |
||
| 899 | </a> |
||
| 900 | </div> |
||
| 901 | </div> |
||
| 902 | <div class="portlet-body form"> |
||
| 903 | <form role="form"> |
||
| 904 | <div class="form-body"> |
||
| 905 | <div class="form-group"> |
||
| 906 | <label class="control-label" for="inputSuccess">Default input</label> |
||
| 907 | <div class="input-icon right"> |
||
| 908 | <i class="fa fa-info-circle tooltips" data-original-title="Email address"></i> |
||
| 909 | <input type="text" class="form-control"> |
||
| 910 | </div> |
||
| 911 | </div> |
||
| 912 | <div class="form-group has-success"> |
||
| 913 | <label class="control-label" for="inputSuccess">Input with success</label> |
||
| 914 | <div class="input-icon right"> |
||
| 915 | <i class="fa fa-check tooltips" data-original-title="You look OK!"></i> |
||
| 916 | <input type="text" class="form-control"> |
||
| 917 | </div> |
||
| 918 | </div> |
||
| 919 | <div class="form-group has-warning"> |
||
| 920 | <label class="control-label" for="inputWarning">Input with warning</label> |
||
| 921 | <div class="input-icon right"> |
||
| 922 | <i class="fa fa-warning tooltips" data-original-title="please provide an email"></i> |
||
| 923 | <input type="text" class="form-control"> |
||
| 924 | </div> |
||
| 925 | </div> |
||
| 926 | <div class="form-group has-error"> |
||
| 927 | <label class="control-label" for="inputError">Input with error</label> |
||
| 928 | <div class="input-icon right"> |
||
| 929 | <i class="fa fa-exclamation tooltips" data-original-title="please write a valid email"></i> |
||
| 930 | <input type="text" class="form-control"> |
||
| 931 | </div> |
||
| 932 | </div> |
||
| 933 | </div> |
||
| 934 | <div class="form-actions right"> |
||
| 935 | <button type="button" class="btn default">Cancel</button> |
||
| 936 | <button type="submit" class="btn green">Submit</button> |
||
| 937 | </div> |
||
| 938 | </form> |
||
| 939 | </div> |
||
| 940 | </div> |
||
| 941 | <div class="portlet box purple"> |
||
| 942 | <div class="portlet-title"> |
||
| 943 | <div class="caption"> |
||
| 944 | <i class="fa fa-gift"></i> Horizontal Form Validation States |
||
| 945 | </div> |
||
| 946 | <div class="tools"> |
||
| 947 | <a href="" class="collapse"> |
||
| 948 | </a> |
||
| 949 | <a href="#portlet-config" data-toggle="modal" class="config"> |
||
| 950 | </a> |
||
| 951 | <a href="" class="reload"> |
||
| 952 | </a> |
||
| 953 | <a href="" class="remove"> |
||
| 954 | </a> |
||
| 955 | </div> |
||
| 956 | </div> |
||
| 957 | <div class="portlet-body form"> |
||
| 958 | <form role="form" class="form-horizontal"> |
||
| 959 | <div class="form-body"> |
||
| 960 | <div class="form-group"> |
||
| 961 | <label class="col-lg-3 control-label" for="inputSuccess">Default input</label> |
||
| 962 | <div class="col-lg-9"> |
||
| 963 | <div class="input-icon right"> |
||
| 964 | <i class="fa fa-info-circle tooltips" data-original-title="Email address"></i> |
||
| 965 | <input type="text" class="form-control"> |
||
| 966 | </div> |
||
| 967 | </div> |
||
| 968 | </div> |
||
| 969 | <div class="form-group has-success"> |
||
| 970 | <label class="col-lg-3 control-label" for="inputSuccess">Input with success</label> |
||
| 971 | <div class="col-lg-9"> |
||
| 972 | <div class="input-icon right"> |
||
| 973 | <i class="fa fa-check tooltips" data-original-title="You look OK!"></i> |
||
| 974 | <input type="text" class="form-control"> |
||
| 975 | </div> |
||
| 976 | </div> |
||
| 977 | </div> |
||
| 978 | <div class="form-group has-warning"> |
||
| 979 | <label class="col-lg-3 control-label" for="inputWarning">Input with warning</label> |
||
| 980 | <div class="col-lg-9"> |
||
| 981 | <div class="input-icon right"> |
||
| 982 | <i class="fa fa-warning tooltips" data-original-title="please provide an email"></i> |
||
| 983 | <input type="text" class="form-control"> |
||
| 984 | </div> |
||
| 985 | </div> |
||
| 986 | </div> |
||
| 987 | <div class="form-group has-error"> |
||
| 988 | <label class="col-lg-3 control-label" for="inputError">Input with error</label> |
||
| 989 | <div class="col-lg-9"> |
||
| 990 | <div class="input-icon right"> |
||
| 991 | <i class="fa fa-exclamation tooltips" data-original-title="please write a valid email"></i> |
||
| 992 | <input type="text" class="form-control"> |
||
| 993 | </div> |
||
| 994 | </div> |
||
| 995 | </div> |
||
| 996 | </div> |
||
| 997 | <div class="form-actions fluid"> |
||
| 998 | <div class="col-lg-offset-3 col-lg-9"> |
||
| 999 | <button type="button" class="btn default">Cancel</button> |
||
| 1000 | <button type="submit" class="btn blue">Submit</button> |
||
| 1001 | </div> |
||
| 1002 | </div> |
||
| 1003 | </form> |
||
| 1004 | </div> |
||
| 1005 | </div> |
||
| 1006 | </div> |
||
| 1007 | </div> |
||
| 1008 | <!-- END PAGE CONTENT--> |
||
| 1009 | <script></script> |