طراحی فرم ها
- تغییر رنگ متن در فرم
برای تغییر رنگ عنوان فیلدها می توانید از کد زیر استفاده کنید. کافیست در تب Value در قسمت The value is Static کد زیر را وارد کنید.
| <span style=’font-size:12px; color:red;” ‘>عنوان</span> |
Figure 1 نمایش فیلد عنوان با رنگ قرمز
| <span style=’font-size:12px; color:red;” ‘>*</span> عنوان |
در بعضی مواقع ممکن است فقط قصد تغییر رنگ قسمتی از متن را داشته باشید. می توانید برای این کار از ترکیب دو متن استفاده کنید.
Figure 2 نمایش فیلد عنوان با ستاره قرمز
- تغییر فونت عنوان تب ها در فرم
برای تغییر عنوان تب ها می توانید از قسمت Properties تب استفاده کنید و عنوان تب را وارد کنید. برای تغییر رنگ، فونت و سایز نوشته کافیست از کد زیر استفاده کنید:
|
<span style=’font-size:12px; font:B Yekan ; color:blue;” ‘>اطلاعات مشتریان</span> |
Figure 3 تغییر رنگ و فونت عنوان تب ها در فرم
- جداکننده ی دو خط: در بعضی مواقع ممکن است بخواهید عنوان یک فیلد به صورت فارسی و انگلیسی باهم نمایش داده شود. برای ظاهر زیباتر فرم، بهتر است که در دو سطر جدا نمایش داده شود. برای این کار کافیست کد زیر را در تب Value در قسمت The value is Static وارد کنید.
|
<p>نام و نام خانوادگی<br />(Name & Family)<br /></p> |
Figure 4 کد مربوط به جداکننده ی دو سطر در Label
Figure 5 نمایش دو سطر جدا در یک Label
- تغییر رنگ باتن ها در فرم ساز
یکی از کارهایی که باعث جذاب تر شدن فرم ها می شود تغییر رنگ دکمه ها است. برای تغییر رنگ دکمه ها می توانید کد زیر را در قسمت Incloud فرم قرار دهید.
Figure 6 نمایش دکمه ی پیش فرض فرم
Figure 7 انتخاب گزینه options
Figure 8 انتخاب گزینه Includes
Figure 9 کد مربوط به تغییر رنگ باتن در فرم
Figure 10 تغییر رنگ باتن در فرم
|
<style>pf-main-form .k-button { border-bottom :2px solid #d2478c; border-right :2px solid #d2478c; border-radius: 10px; color: #660066 ; } <style/> |
