آموزش وردپرسافزونه هابرنامه نویسی وبوردپرس

کلاس های آماده برای گرویتی فرم -جلسه چهارم

کلاس های آماده برای گرویتی فرم

CSS Ready Classes for Gravity Forms

در Gravity Forms 1.5  بعضی از کلاسهای آماده را اضافه شده است . با استفاده از این کلاس های گرویتی فرم جدید، می توانید

به آسانی طرح های جایگزین پیشرفته تر را برای زمینه های فرم های گرویتی فرم خود ایجاد کنید.

In Gravity Forms 1.5 we’re adding some new “Ready Classes”.

Using these new classes, you can easily create more advanced alternative layouts for the fields in your forms.

اساساً، کلاسهای آماده، نام کلاس هستند که می توانید به عنصر والد اطراف هر فیلد اضافه کنید

تا از سبک های از پیش تعیین شده موجود در قالب شیء پیش فرض گرویتی فرم استفاده کنید.

Essentially, Ready Classes are class names that you can add to the

parent element surrounding each field to take advantage of pre-defined

styles included in the default form stylesheet.

نحوه استفاده از کلاسهای آماده گرویتی فرم

How to Use Ready Classes

برای اضافه کردن یک کلاس آماده به یک فیلد، فرم خود را در فرم ساز گرویتی فرم ویرایش کنید

و سپس فیلدی را که می خواهید کلاس ها را اضافه کنید را انتخاب کنید.

در تب “پیشرفته”، یک ورودی به نام “نام کلاس CSS” را خواهید دید. نام یا نام کلاس آماده گرویتی فرم را که می خواهید

در اینجا وارد کنید اضافه کنید و سپس فرم را ذخیره کنید.

To add a Ready Class to a field, just edit your form in the

Form Builder and then select the field you want to add the classes to.

Under the “Advanced” tab, you’ll see an input called “CSS class name”.

Add the Ready Class name or names you want to add to the field here and then save the form.

گرویتی فرم

لطفا توجه داشته باشید که این ویژگی به صورت اجرا در فرم ساز گرویتی فرم به روز نمی شود.

پس از نام کلاس آماده خود را مشخص کنید، فقط فرم را ذخیره کنید

و کلاس هایی  را که در فرم پیش فرض گرویتی فرم نمایش  داده می شود در سایت زنده وجود دارد اعمال می شود.

Please note that this feature does NOT update live in the Form Builder.

After you specify your Ready Class names, just save the form

and you’ll see the classes being applied to your form in the preview window and on the live site.

[icon name=”book” class=”” unprefixed_class=””]  نام کلاس های آماده

The Ready Class Names
در اینجا کلاسهای آماده گرویتی فرم هستند که در قالب پیش فرض سبک گرویتی فرم ساخته شده اند که می توانید
از آن بدون نیاز به نوشتن هیچ یک از CSS های خود استفاده کنید.

Here are the Ready Classes that are built in the Gravity Forms default stylesheet

that you can use right away without having to write any of your own CSS.

قرار دادن فیلد های گرویتی فرم در دو ستون

برای اینکه بتوانیم دو تا از فیلدها رو کنار هم قرار دهیم باید از دو کلاس زیر استفاده می کنیم

gf_left_half و  gf_right_half

 کلاس gf_left_half 

فیلد را در ستون سمت چپ (نیمه چپ)  ستون قرار می دهد.

کلاس   gf_right_half

فیلد را در ستون سمت چپ (نیمه سمت راست) قرار می دهد.

گرویتی فرم

[icon name=”calendar-check-o” class=”” unprefixed_class=””] تصویر زیر نشان می دهد که کلاس ها در کدام قسمت طراحی نوشته شود

گرویتی فرم

بعد از اینکه کلاسهای ، گرویتی فرم را در قسمت های مورد نظر در قسمت طراحی ، در قسمت کلاس قرار بدهیم

دو فیلد در کنار هم قرار می گیرندمثل شکل

گرویتی فرم

مطالب بالا از سایت گرویتی فرم   gravityforms 

منتظر نظرات و پیشنهادات شما هستیم …

برچسب ها

یوسفی

بنده بیژن یوسفی کارشناس نرم افزار در حدود 20 سال مشغول تدریس در زمینه های مختلف مانند برنامه نویسی تحت ویندوز و وب و برنامه کاربردی می باشم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.