73 строки
3.1 KiB
Plaintext
73 строки
3.1 KiB
Plaintext
@section SampleHeading{ <span class="sampleName">Dialog / Rtl</span>}
|
|
@section MetaTags{
|
|
<meta name="description" content="This example demonstrates how to display dialog contents from right to left in the Syncfusion ASP.NET Core Dialog component.">
|
|
}
|
|
@section ControlsSection{
|
|
|
|
<ej-button id="btnOpen" text="Click to open dialog" click="onclick" />
|
|
<div class="control">
|
|
<ej-dialog id="rtlDialog" title="أودي Q3 محرك" enable-rtl="true" width="550" minWidth="325" is-responsive="true" target=".control" close="onDialogClose">
|
|
<e-content-template>
|
|
<div>
|
|
<h1>الاستماع Q3</h1>
|
|
<div class="audi-q3">
|
|
<img class="img" src="@Url.Content("~/Images/dialog/audiq3-1.png")" />
|
|
<br />
|
|
<img class="img" src="@Url.Content("~/Images/dialog/audiq3-2.png")" />
|
|
</div>
|
|
<div class="cnt">
|
|
بل هو مفهوم السيارة مع السائل فضة لون الجسم، وعجلات 20 بوصة، سقف قابلة للطي النسيج، وغطاء محرك السيارة التي تسيطر عليها كهربائيا، 4 أسطوانات محرك 2.0 TDI تصنيف 204 حصانا (150 كيلوواط؛ 201 حصان)
|
|
و 400 نيوتن متر (295.02 باوند · قدم)، الديزل جسيمات مرشح وبلوتك نظام التحكم في الانبعاثات، كواترو دائم نظام الدفع الرباعي مع HALDEX القابض،
|
|
أودي S ترونيك علبة التروس ذات القابض المزدوج، ماكفرسون-تبختر المحور الأمامي والمحور الخلفي أربعة الارتباط، أودي محرك أقراص النظام SELECT مع 3 طرق (الديناميكية، والرياضة، والكفاءة)،
|
|
MMI لوحة التحكم مع لوحة اللمس والرؤية المزدوجة والتكنولوجيا، ونظام الصوت مع مكبرات الصوت تمديد بارز.
|
|
</div>
|
|
</div>
|
|
</e-content-template>
|
|
</ej-dialog>
|
|
</div>
|
|
}
|
|
@section ScriptSection{
|
|
<script>
|
|
$("#btnOpen").hide();
|
|
function onclick() {
|
|
$("#rtlDialog").ejDialog("open");
|
|
$("#btnOpen").hide();
|
|
}
|
|
function onDialogClose(args) {
|
|
$("#btnOpen").show();
|
|
}
|
|
</script>
|
|
}
|
|
@section StyleSection{
|
|
<style class="cssStyles">
|
|
.audi-q3 {
|
|
float: left;
|
|
margin: 0px;
|
|
height: 360px;
|
|
width: 267px;
|
|
margin-right: 17px;
|
|
}
|
|
|
|
.control {
|
|
height: 550px;
|
|
position: relative;
|
|
}
|
|
|
|
.cnt {
|
|
min-height: 356px;
|
|
}
|
|
|
|
.img {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
#rtlDialog {
|
|
text-align: justify;
|
|
padding: 15px;
|
|
}
|
|
</style>
|
|
} |