"Panels Filter Buttons"
Bootstrap 3.0.0 Snippet by novadevco

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="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ---------->
<br>
<div class="container" ng-if="existenDatos">
<div class="row">
<div class="col-md-4">
<div class="frame frame-left">
<div class="panel panel-default panel-alt widget-messaging panel-1">
<div class="panel-body">
<ul>
<li ng-repeat="empresa in resultadoBusqueda track by $index">
<div ng-click="buscarInformacionEmpresa(empresa.id)">
<h5 class="sender" ng-bind="(empresa.nit | defaultEmpty) + ' - ' + (empresa.digitoVerificacion | defaultEmpty)">Nit 123456789</h5>
<h5 class="sender" ng-bind="empresa.nombreComercial">Nombre comercial</h5>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="frame frame-right">
<div class="row vdivide">
<div class="col col-lg-5 col-sm-6 col-xs-12 text-center">
<div class="panel panel-default panel-alt widget-messaging">
<div class="panel-body">
<ul>
<li>
<h5 class="sender">Empresa</h5>
<h4 ng-bind="filtroBusqueda.filtro.razonSocial">NOMBRE DE EMPRESA</h5>
</li>
<li>
<h5 class="sender">Tipo de Empresa</h5>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
li{
text-align: left;
}
.widget-messaging ul{
list-style: none;
padding: 0;
margin: 0;
}
.widget-messaging .panel-body{
padding: 0;
}
.widget-messaging ul li:first-child{
border-top: 0;
}
.widget-messaging ul li{
padding: 15px;
padding-bottom: 5px;
padding-top: 5px;
margin:5px;
border-top: 0px solid #eee !important;
border-bottom: 0px solid #eee !important;
background-color: #fff;
}
.row.vdivide [class*='col-']:not(:last-child):after {
background: #e0e0e0;
width: 1px;
content: "";
display:block;
position: absolute;
top:0;
bottom: 0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: