آموزش های افزونه و قالب

تغییر ارتفاع textarea در گراویتی فرم

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

🔥 بروزرسانی :

[مجموع: 1 :: میانگین: 5]

آیا تمایل دارید که تغییر ارتفاع textarea در گراویتی فرم را انجام بدهید؟! نگران نباشید در این آموزش به شما کمک می کنیم تا بتوانید در سریعترین زمان ممکن ارتفاع فیلد متن پاراگرافی (textarea) را تغییر دهید.

تغییر اندازه textarea در گراویتی فرم

ابتدا قبل از این که بخواهیم با استفاده از کد CSS، تغییر اندازه textarea را در افزونه فرم ساز گراویتی فرم انجام بدهیم، در بخش نمایش، که در تب دوم فیلد فرم قرار دارد، در بخش اندازه فیلد می توانید روی بزرگ یا هر اندازه ای که موردنظرتان است، قرار دهید.

تغییر اندازه textarea در افزونه فرم ساز گراویتی فرم

در گراویتی فرم به دلیل محدودیتی که در انتخاب اندازه فیلد ها (کوچک، متوسط، بزرگ) دارد، امکان تغییر سایز دلخواه ارتفاع متن پاراگرافی امکان پذیر نیست، و بیش از اندازه، ارتفاع فیلد متن پاراگرافی را بیشتر از حد نمایش می دهد.

تغییر اندازه textarea در افزونه فرم ساز گراویتی فرم با استفاده از css

با استفاده از CSS دلخواه می توانیم به textarea ارتفاع مدنظرمان را بدهیم. البته توجه داشته باشید به تنهایی با تغییر .gfrom_wrapper textarea.large نمی توانیم ارتفاع آن را کم و زیاد کنیم و این قانون با توجه به ساختار css گراویتی فرم امکان پذیر نمی باشد.

تغییر اندازه textarea در افزونه فرم ساز گراویتی فرم با استفاده از css

ابتدا با استفاده از css دلخواهی که تعریف می کنیم، می توانیم اندازه فیلد مورد نظر را تغییر دهیم. این کدها را می توانید در فایل style.css قالب یا در بخش نمایش » سفارشی سازی » کدهای دلخواه css قرار دهید.


body .gform_wrapper .gform_body .gform_fields .gfield textarea {height: 200px;}

بر اساس پیکسل و اندازه مدنظرتان می توانید ارتفاع فیلد متن پاراگرافی را تغییر دهید.


اگر قصد دارید که همزمان عرض و ارتفاع فرم هم به دلخواه تغییر دهید می توانید با استفاده از کد زیر:

body .gform_wrapper .gform_body .gform_fields .gfield textarea {width: 200px; height: 200px;}


در صورتی که اندازه فیلدهای textarea بزرگ، متوسط و کوچک است و قصد دارید ارتفاع آنها را تغییر دهید می توانید با استفاده از کد زیر که مقدار متوسط (medium) css فرم را تغییر داده، اعمال کنید.

مثال:

body .gform_wrapper .gform_body .gform_fields .gfield textarea.medium {width: 200px;}


امیدواریم آموزش تغییر ارتفاع textarea در گراویتی فرم کاربردی و مفید باشد.

👈 همچنین در صورتی که مایل هستید، آخرین نسخه افزونه گراویتی فرم را از فارویت دانلود کنید.

برچسب ها

پیشنهاد به شما 😍

پاسخی بگذارید

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

دکمه بازگشت به بالا
بستن
بستن