سلام به همه دوستان خوبم در پارس جوم
به درخواست یکی از دوستان اموزش ایجاد کادر در rs form را براتون قرار میدم
برای اعمال چنین کادری در مدیریت فرم ها> تب CSS و Javascript این کد را وارد کنید
و اگر آشنا به css هستید میتوانید کدهای اختصاصی خودتون را برای فرم ایجاد کنید فقط فراموش نکنید تمام کدها باید بین <style type="text/css"> و </style> باشند
<style type="text/css">
.formFieldset {
float:left;
background:none repeat scroll 0 0 #DDEEEE;
border:1px solid #000000;
margin:0 auto;
padding:10px;
width:470px; }
</style>
تصاویر آموزش بالا
و برای طرح بندی مثل تصویر و کدها را با کدهای و نام های خودتان جایگذین کنید
<fieldset class="formFieldset">
<legend>{global:formtitle}</legend>
{error}
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<ol class="formContainer" id="rsform_1_page_0">
<li>
<div class="formCaption2">{Header:caption}</div>
<div class="formBody">{Header:body}<span class="formClr">{Header:validation}</span></div>
<div class="formDescription">{Header:description}</div>
</li>
<li>
<div class="formCaption2">{FullName:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{FullName:body}<span class="formClr">{FullName:validation}</span></div>
<div class="formDescription">{FullName:description}</div>
</li>
<li>
<div class="formCaption2">{Email:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{Email:body}<span class="formClr">{Email:validation}</span></div>
<div class="formDescription">{Email:description}</div>
</li>
<li>
<div class="formCaption2">{CompanySize:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{CompanySize:body}<span class="formClr">{CompanySize:validation}</span></div>
<div class="formDescription">{CompanySize:description}</div>
</li>
<li>
<div class="formCaption2">{Position:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{Position:body}<span class="formClr">{Position:validation}</span></div>
<div class="formDescription">{Position:description}</div>
</li>
<li>
<div class="formCaption2">{ContactBy:caption}</div>
<div class="formBody">{ContactBy:body}<span class="formClr">{ContactBy:validation}</span></div>
<div class="formDescription">{ContactBy:description}</div>
</li>
<li>
<div class="formCaption2">{ContactWhen:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{ContactWhen:body}<span class="formClr">{ContactWhen:validation}</span></div>
<div class="formDescription">{ContactWhen:description}</div>
</li>
<li>
<div class="formCaption2">{Submit:caption}</div>
<div class="formBody">{Submit:body}<span class="formClr">{Submit:validation}</span></div>
<div class="formDescription">{Submit:description}</div>
</li>
<li>
<div class="formCaption2">{Footer:caption}</div>
<div class="formBody">{Footer:body}<span class="formClr">{Footer:validation}</span></div>
<div class="formDescription">{Footer:description}</div>
</li>
</ol>
</fieldset>
امیدواروم کاربردی باشه (فایل پیوست دموی همین فرم هست میتونید جایگزین کنید)
من هربار در این پست تایپک زدم آقای بهارلو زحمت حذفش و کشیدن امیدوارم این یکی قانونشون و نقض نکرده باشه.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.