49 строки
1.8 KiB
Plaintext
49 строки
1.8 KiB
Plaintext
@section SampleHeading{ <span class="sampleName">Dialog / Icons</span>}
|
|
@section MetaTags{
|
|
<meta name="description" content="This example demonstrates the close, maximize, minimize, pin, unpin, collapse, and expand behaviors in the Syncfusion ASP.NET Core Dialog component.">
|
|
}
|
|
@section ControlsSection{
|
|
@{List<string> icon = new List<string>() { "close", "collapsible", "maximize", "minimize", "pin" }; }
|
|
<ej-button id="btnOpen" text="Click to open dialog" click="onclick" />
|
|
<div class="control">
|
|
<ej-dialog id="dialogIcon" title="Audi Q8" containment=".control" width="295" enable-resize="false" is-responsive="true" close="onDialogClose" action-buttons="icon">
|
|
<e-content-template>
|
|
<div>
|
|
<img src="@Url.Content("~/images/dialog/r8-coupe.png")" />
|
|
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>
|
|
</e-content-template>
|
|
</ej-dialog>
|
|
</div>
|
|
}
|
|
@section ScriptSection{
|
|
<script>
|
|
$("#btnOpen").hide();
|
|
function onclick() {
|
|
$("#dialogIcon").ejDialog("open");
|
|
$("#btnOpen").hide();
|
|
}
|
|
function onDialogClose(args) {
|
|
$("#btnOpen").show();
|
|
}
|
|
</script>
|
|
}
|
|
@section StyleSection{
|
|
<style class="cssStyles">
|
|
|
|
.control {
|
|
height: 450px;
|
|
z-index: 99999;
|
|
}
|
|
.row .cols-sample-area {
|
|
padding: 0px;
|
|
margin-bottom: 50px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
#dialogIcon {
|
|
padding: 10px;
|
|
}
|
|
</style>
|
|
|
|
} |