کلاس های CSS آماده فرم ها

با سلام
برخی از دوستان سوال میپرسند که چطور میشه فیلدها رو بجای زیر هم، کنار هم نشون داد و ما هم در جواب بهشون میگفتیم که از طریق css این امکان میسره. اما خود گرویتی فرم یک سری کلاس های css از پیش استایل داده شده داره که این کار رو برای ما انجام میده. لیست کامل کلاس ها و آموزشش توی لینک زیر هست:

https://www.https://gravityforms.ir/wp-content/uploads/saman-1.jpgforms.com/css-ready-classes
https://docs.https://gravityforms.ir/wp-content/uploads/saman-1.jpgforms.com/css-ready-classes
https://docs.https://gravityforms.ir/wp-content/uploads/saman-1.jpgforms.com/category/user-guides/design-and-layout

یک افزونه رو برای همین کار معرفی میکنیم. افزونه زیر که در مخزن وردپرس وجود داره یک دکمه رو به قسمت کلاس های css فیلدها اضافه میکنه که میتونید از لیستی که ظاهر میشه کلاس های آماده رو انتخاب کنید. تصاویر افزونه در مخزن به خوبی این موضوع رو نشون میده.

لینک افزونه در مخزن وردپرس

پست زیر رو هم بعدها اضافه کردیم که مرتبط با همین مطلب هست. پس مطالعه اون رو هم توصیه میکنم:

http://https://gravityforms.ir/wp-content/uploads/saman-1.jpgforms.ir/20874/multi-columns

1.5/5 - (11 امتیاز)

69 پاسخ

  1. جالبه که تو سایتتون نه فرم تماس گذاشته اید نه ایمیل!!
    مجبور شدم سئوالمو اینجا مطرح کنم. آیا با این افزونه میشه فرمهای محاسببه قیمت خدمات هم طراحی کرد؟ یعنی با انتخاب هر گزینه قیمت اون کل محاسبه بشه؟

  2. با سلام و خسته نباشید
    زمانی که من افزونه رو نصب می کنم و یک فرم می سازم فیلد های فرم جای مخصوصی که می خواهی بنویسیم سفید هست منظورم بک گروند اون هست
    و معلوم نیست کجا می نویسیم .
    مجبور شدم از افزونه js_composer 4.3.3 استفاده کنم ایا داخل خود افزونه Gravityforms امکان ویرایش css قالب فرم وجود داره کدام قسمتش هست؟ و میشه
    css رنگی که برای یک گروند فیلد که در ان می نویسیم رو برام پیدا کنید و تو جواب دیدگاه بگذارید.باتشکر

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

  6. سلام
    خسته نباشی
    آقا ورودی های فرم ها دقیقا تو چه آدرسی ذخیره میشن؟ میدونم که از صندوق ورودی قابل استخراجن اما مثلا وقتی با استفاده از gf addons اونا رو لیست میکنم و میخوام واردشون بشم به صفحه ای میره که هیچی توش نیست، بااینکه آدرس اون صفحه با آی دی فرم و آی دی ورودی مطابقت داره (مثلا به این شکله : http://www.abcd.com/……./entry/11/3/ ) اما هیچی توش نیست.
    ممنونم
    وقتت بخیر

    1. سلام دوست عزیز ..
      تشکر …
      والا توی آدرس خاصی که ذخیره نمیشن … توی دیتابیس توی جدول هایی که دارای عبارت lead هستند ذخیره میشن و در موقع لزوم فراخونی میشن … فایل نیستند که بخواد توی آدرس خاصی ذخیره بشه … توی تیبل دیتابیس ذخیره میشند … اون افزونه ای که فرمودید دقیقا چیه؟ بهش برنخورده بودم …

  8. راستی آقا گرویتی فرم پارسی، وقتی با کد جای نام و نام خانوادگی رو عوض میکنیم، بعد که فارسی سازو غیرفعال میکنیم، جای گزینه های بله و خیر در تنظیمات خروجی css و html5 و No-Conflict Mode عوض میشه که ظاهرا صحیحش همون چیزی هست که در هنگام فعال بودن فارسی ساز دیده میشه.

    1. من یکم گیج شدم … یکی اینکه وقتی فارسی ساز غیرفعال بشه … دیگه بله و خیر نداریم .. اون موقع Yes و No هست که البته توی وردپرس فارسی جابجا میشن و این فقط مربوط به این افزونه نیست و توی اکثر افزونه های دیگه هم همینجوریه …. مورد بعدی هم ارتباط این موضوع با نام و نام خانوادگیه 😀

  9. سلام مجدد
    چون تازه اینکارو کردم گفتم شاید از اونه…
    الان من تو فارسی همشو روی “بله” تنظیم میکنم و بعد که فارسی سازو غیرفعال میکنم (که صفحه ساز فیوژنم بتونه کار کنه) اونوقت توی تنظیمات میبینم همشون No شدن! چک که کردم دیدم ملاک صیص اونی هست که با فارسی ساز مشخص میکنیم (یعنی با فارسی ساز با “بله” کار میکنه و بدون فارسی ساز با “No” کار میکنه!!!)
    آقا اون مورد قبلی رو که گفتم لطف میکنی چک کنی؟ خیلی بهش نیاز دارم)

  11. با سلام و عرض ادب
    فیوژن پوسته ی آوادا این مشکلو داره
    علاوه بر این کتابخونه ی رسانه هم باز نمیشه و نمیشه فایل آپلود کرد

    مشکل اصلی من همون مورد عدم ذخیره س…

    تی فدا
    تی مخلص

    1. سلام .
      مرتضی جان امروز فهمیدم که نسخه جدید گرویتی فرمز در راهه که یه تغییرات بنیادی توش دادن که ما هم باید سریعا افزونه هامون رو آپدیت کنیم …
      فعلا درگیر اون هستم وگرنه سر وقت کارت رو راه میندازم …
      در ضمن من چطور میتونم این فیوژن رو هم داشته باشم تست کنم ..

  14. سلام و تشکر بابت این افزونه
    سوالی که بنده دارم این است که از کدام قسمت می تونم css این افزونه را تغییر بدم به عبارت دیگر اون عکس بالا که در خصوص توضیح افزونه آمده که چند ستونه شود از کدام قسمت آورده اید
    با تشکر فراوان

    1. سلام ؛
      بعد از نصب این افزونه توی ویرایشگر فرم در قسمت پیشرفته هر فیلد ، کنار نام کلاس CSS یک دکمه اضافه میشه ، بعد از زدن این دکمه این صفحه رو مشاهده می کنید.

  15. سلام
    من این افزونه را برای کلاس بندی فرم نصب کردم. ولی عملا کارایی نداره. من میخوام مثلا فرم در سه ستون باشه. با این افزونه با این که باکس ها را در کلاس های سه ستونه چپ راست و وسط قرار می دهم ولی در دو ستون و به هم ریخته نمایش میدهد. مطمئنا مشکل از قالبم هست. اما میخواستم ببینم راه دیگه ای وجود نداره یا آموزش ساده ای که بشه فیلدها را ستون بندی کرد بدون این که با قالب مشکلی پیدا کنه
    متشکرم

  17. بله. ممنون. والا کار از ور رفتن گذشته من رسما کشتی گرفتم حل نشد. فعلا مشکلمو با فرم هفت تو اون یه مورد خاص حل کردم.
    یه سوال دیگه آیا میشه نظر سنجی را ایمیل کرد؟ که مخاطب ما در خود ایمیلش جواب بده؟
    متشکرم

  18. سلام مجدد. در مورد سوال قبلم من از یک سامانه بومی روی یکی از سایت هام استفاده میکردم (یکتا وب) که این امکان را داشت و نظر سنجی به ایمیلشون می رفت و در خود ایمیل پاسخ می دادند و ثبت می شد. گفتم شاید گرویتی هم این امکان را داشته باشه
    اما نکته ای که می خواهم بگم شاید در بروز رسانی جدید بشه درستش کرد. وقتی توضیح به بخشی اضافه می کنم فونت توضیح از قالب ارث بری نداره مثل عنوان. تصویر را ببینید.
    بعد بازم یه مشکل با سی اس اس دارم من یک فرم که طراحی می کنم تو یک خط مستقیم ردیف نمیشند. منظورم یک ستون هست. باز توی تصویر مشخصه. شک ندارم من ناشیم اما یک در هزار گفتم شاید راه حل داشته باشه.
    http://s4.picofile.com/file/8169054334/02_07_2015_06_15_56_%D9%82_%D8%B8.jpg
    متشکرم

    1. سلام .
      کد زیر رو بذارید خط آخر استایل قالبتون … بعدش تو سایت کنترل f5 یا اف f5 بزنید که تغییرات اعمالی رو ببینید .

      #gform_fields_5 input,#gform_fields_5 .ginput_container {
    margin-right: 0 !important;
}
input.datepicker {
 padding:5px !important; 
}

      یا اگه کار بالا سختتونه کد زیر رو بذارید توی فوتر قالبتون :

      <style>
#gform_fields_5 input,#gform_fields_5 .ginput_container {
    margin-right: 0 !important;
}
input.datepicker {
 padding:5px !important; 
}
</style>

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

    1. سلام ؛ بله این امکان وجود داره، ولی چون مفصل هست در چند روز آینده آموزش این کار توی سایت قرار داده میشه.

  22. با سلام
    من این افزونه رو نصب و فعال کردم
    منتهی نمیدونم چرا اون دکمه کنار فیلد css موجود نیستش تا حالت های مختلف رو انتخاب کنم
    ممنون میشم راهنماییم کنید

  23. من این افزونه رو نصب کردم ولی هیچی اضافه نشده ، چجوری فرم رو دو ستونه یا سه ستونه بکنم ؟؟؟ این افزونه نصب و فعاله هیچ گزینه ای اضافه نشده

  24. سلام
    بنده میخوام یه فرم بسازم که چند تا لیست بازشو داشته باشه بطور مثال تو لیست بازشوی اولی گروه محصول رو انتخاب کنه بعد تو لیست دومی کد های اون گروه محصول رو نمایش بده
    آیا گرویتی فرم این امکان و قابلیت رو داره؟

    1. سلام . بله میشه چند تا لیست بازشو درست کرد ولی مثلا اگه منظورتون اینه که مثلا اگه لیست بازشوی اولی فلان مقدار بود ، لیست بازشو دومی وابسه به مقدار لیست بازشو اولی باشه بعید میدونم .

  25. سلام
    می خواستم بپرسم چطوری میشه فرمی را درست کرد جوری که وقتی مثلا ما دکمه های رادیویی سایت و وبلاگ گذاشتیم،بعد وقتی کسی سایت را انتخاب می کنه زیرش یه چیز باز بشه که که آدرس سایتو وارد کنید؟

  26. سلام
    ممنون از آموزش‌های خوبتون.
    این افزونه رو نصب کردم.
    فقط یه سوال؛ توی فرم‌های چند صفحه‌ای؛ نمیشه از این استایل‌ها استفاده کرد؟
    یه فرم چند صفحه‌ای داشتم؛ این استایل‌ها رو دادم؛ ولی نه در حالت پیش‌نمایش؛ نه درحالت آیجکس و نه در حالت بدون آیجکس؛ کنار هم قرار نمی‌گرفتن.
    اما یه فرم دیگه ساختم؛ که تک صفحه‌ای بود؛ و استایل دادم و درست انجام شد.

    جایی رو اشتباه رفتم؛ یا راه حلی هست؟
    پیشاپیش ممنون از شما.

      1. سلام و خسته نباشید. مشکل کار رو متوجه شدم.
        از قسمت:
        تنظیمات » طرح بندی فرم » محل بچسب
        باید بالا باشه.
        تا استایل‌ها انجام بشن.

        برخلاف تصور و سوال من ربطی به تک صفحه یا چند صفحه بودن نداره.

        مبتدی بودن و بی‌دقتی من باعث این سوال شد. سعی می‌کنم دقتم رو بیشتر کنم تا کمتر مزاحم بشم.
        ———
        راستی؛ یه سوالی پرسیده بودم؛ در یکی از پست‌هاتون؛ در مورد ویرایشگر دیداری؛ در این حالتی که محل برچسب رو گذاشتم بالا؛ اون هم درست شد 🙂
        ممنون

  27. سلام
    آقا جون هرکی دوست داری جواب بدین.
    یه سوال دارم. و اون اینکه میخوام کاری کنم که فرم نظرات مثل سایت شما آخر نظرات نباشه و مثل سایت فارس نیوز در ابتدای نظرات باشه. تا طرف برای نظر دادن مجبور نباشه اسکورول رو پایین بکشه و بیاد این ته و نظر بده و همون بالا نظرش رو بده
    راهی وجود داره؟
    درود

  28. سلام من یه فرم ساختم . یه قسمت چک باکس درست کردم به نام صادرکننده… تولید کننده… راهی هست طرف صادر کننده رو کلیک کنه و یه فیلدی باز بشه که مثلا مقدار صادرات رو ذکر کنه یا اگر تولید کننده رو انتخاب کرد مقدار هکتار کشتش رو بتونه بنویسه؟
    http://caspiankiwi.com/%D9%BE%D8%B1%D8%AF%D8%A7%D8%AE%D8%AA-%D8%AD%D9%82-%D8%B9%D8%B6%D9%88%DB%8C%D8%AA-%D8%A7%D9%86%D8%AC%D9%85%D9%86/

  29. سلام
    چطوری میشه 6 تا ستون درست کرد ؟
    من هر کاری کردم نشد
    این افزونه Multiple Columns for Gravity Forms کار نمیکنه
    با css calss ready هم نمیشه بیشتر از 3 تا درست کرد
    لطفا راهنمایی کنید

  30. سلام خسته نباشین
    ادمین محترم و یا دوستان کسی هست کمک کنه؟
    چطور میتونم داخل فرم که از فیلد لیست یا از همون تب advanced–>list ( که یکیش dropdown و یکیش number هست ) ، مقدار dropdown رو از پست ها به تفکیک cateegory و همچنین برای فیلد number بتونم placeholder قرار بدم؟
    ممنون که همیشه هستین

  31. تورو خدا پاک نکنید 🙁
    گیر کردم بخدا.خواهشاً کمکم کنید.خواهش کردم.میدونم شاید در تایپیک اشتباهی هم ورود کردم اما گیر افتادم به خدا.ممنون میشم اگه کمک بفرمائید ادمین محترم

  32. سلام . امکان این هست که همزمان از دو کلاس برای یک فیلد در فرم استفاده کرد. یک از کلاس ها برای تنظیم استایل و دیگری برای اینکه بتونم برایش کد نویسی کنم؟
    من این کار را کردم ولی کلاس ها خوانده نشدند . کاما گذاشتم – فاصله خای بینشون گذاشتم و سمیکلون گذاشتم ولی هیچ کدوم فایده نداشت . ممکنه راهنمایی کنید

جدیدترین مقالات

آموزش تصویری کار با افزونه گرویتی ویو Gravity View
در این آموزش از سایت گرویتی فرم فارسی نحوه کار با افزونه گرویتی ویو را آموزش خواهیم داد که کاربرد…
بروزرسانی افزونه درگاه پرداخت سامان کیش گرویتی فرم
به اطلاع کاربران و همراهان گرویتی فرم فارسی می رسانیم افزونه درگاه پرداخت بانک سامان برای گرویتی فرم به نسخه…
افزونه گرویتی ویو GravityView
گرویتی فرم یک فرم ساز حرفه ای برای وردپرس می باشد که توسط آن میتوانید فرم های خود را ایجاد…
بروز رسانی وبسرویس های پیامکی IPPanel و زیر مجموعه های آن
با سلام،کلیه کاربرانی که از وبسرویس IPPanel و زیرمجموعه های آن در افزونه پیامک گرویتی فرم استفاده میکنند و پیام…
افزونه شخصی سازی ظاهر فرم‌های گرویتی فرم
گرویتی فرم با ایجاد فرم های مختلف به شما این امکان را می‌دهد تا اطلاعات مختلفی را از کاربران دریافت…

 هر آنچه از یک فرم ساز قدرتمند انتظار دارید با گرویتی فرم فارسی در اختیار شماست.

راهنمای گرویتی فرم

نیازمندی ها

 گرویتی فرم به منظور عملکرد صحیح، نیازمند آخرین نسخه وردپرس ، PHP ورژن 5.6+ و MySQL ورژن 5.5+ می باشد.

نماد اعتماد

© تمامی حقوق متعلق به گرویتی فرم فارسی است.