"CRUD Buttons"
Bootstrap 3.3.0 Snippet by jorgenones

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<!-- Botões de Opcoes -->
<div id="menu" class="col-md-12 col-md-offset-1" style="position: fixed;bottom: 10px;z-index: 999;">
<button id="btnCad" class="btn btn-lg btn-success glyphicon glyphicon-floppy-disk" accesskey="s" hidden><br><u>S</u>alvar</button>
<button id="btnCon" class="btn btn-lg btn-success glyphicon glyphicon-save hidden" accesskey="c" ><br><u>C</u>onciliar</button>
<button id="btnDesCon" class="btn btn-lg btn-warning glyphicon glyphicon-open hidden" accesskey="e" ><br><u>E</u>storno</button>
<button id="btnDet" class="btn btn-lg btn-success glyphicon glyphicon glyphicon-eye-open" accesskey="v" hidden><br><u>V</u>er</button>
<button type="reset" id="btnReset" class="btn btn-lg btn-primary glyphicon glyphicon-refresh" accesskey="n"><br><u>N</u>ovo</button>
<button id="btnEdit" class="btn btn-lg btn-warning glyphicon glyphicon-pencil" accesskey="a" hidden><br><u>A</u>lterar</button>
<button id="btnExc" class="btn btn-lg btn-danger glyphicon glyphicon-trash" accesskey="x" hidden><br>E<u>x</u>cluir</button>
<button id="btnLoc" class="btn btn-lg btn-info glyphicon glyphicon-search" accesskey="l"><br><u>L</u>ocalizar</button>
<button id="btnRel" class="btn btn-lg btn-default glyphicon glyphicon glyphicon-stats" accesskey="r" data-toggle="modal" data-target="#ModalRel"><br><u>R</u>elatório</button>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="ModalRel" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Relatório</h4>
</div>
<div class="modal-body" style="/*padding-top: 0px;*/">
<div class="row" id="sp"><span class="label label-default">Selecione a pesquisa</span>
<div data-toggle="buttons">
<label class="btn btn-danger glyphicon glyphicon-warning-sign" title="Lançamentos Não Baixados"><br><input type="radio" name="selecPesqui" id="option1" value="descn">Pendentes</label>
<label class="btn btn-success glyphicon glyphicon-save" title="Lançamentos Baixados"><br><input type="radio" name="selecPesqui" id="option2" value="conc">Conciliado</label>
<label class="btn btn-primary glyphicon glyphicon-certificate" title="Lançamentos Baixados/Conciliados e Pendentes/Abertos"><br><input type="radio" name="selecPesqui" id="option3" value="tods">Todos</label>
<label class="btn btn-info glyphicon glyphicon-question-sign" title="Lançamentos por Período de Código"><br><input type="radio" name="selecPesqui" id="option4" value="id">Código</label>
<label class="btn btn-default glyphicon glyphicon-header" title="Lançamentos por Histórico"><br><input type="radio" name="selecPesqui" id="option5" value="his">Histórico</label>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: