angularjs-ej1-demos/dialog/icons.html

46 строки
1.5 KiB
HTML
Исходник Постоянная ссылка Обычный вид История

2022-12-22 11:57:30 +03:00
<div ng-controller="DialogCtrl">
<div class="content-container-fluid">
<div class="row">
<div class="cols-sample-area" style="position:relative;">
<button id="btnOpen" ej-button e-click="openDialog">Open Dialog</button>
<div class="control">
<div id="dialogIcon" e-title="Audi-R8" ej-dialog e-close="closeDialog" e-width="295" e-actionbuttons="actionbuttons" e-enableresize="false" e-target=".cols-sample-area">
<img src="content/images/dialog/r8-coupe.png" />
<div class="cnt">
The Audi R8 was initially equipped with a 4.2 litre V8 engine. Specifically, it is an all-aluminum alloy 32-valve (four valves per cylinder) petrol engine, utilising Fuel Stratified Injection (FSI), and has a displacement of 4,163 cubic centimetres (254.0 cu in).
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.control {
height: 500px;
}
#dialogIcon span {
color: skyblue;
}
.router{
margin-top: 0px;
}
.row .cols-sample-area {
position: relative;
overflow: auto;
}
#dialogIcon {
padding: 10px;
text-align: justify;
}
#dialogIcon .cnt {
padding-top: 5px;
}
#btnOpen {
margin-left: 28px;
margin-top: 30px;
}
</style>