مشاهده اطلاعیه سایت

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

پلاگیت

سلام .

خیلی از دوستان به این نکته اشاره داشته اند که فیلد” تلفن” موجود در فیلدهای Gravity Forms مطابق با استاندارد شماره تلفن و شماره موبایل ایران نمی باشد و بررسی کننده فرم از ارسال فرم جلوگیری میکند …

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

اصلا طبق آموزش زیر میتونید فرمت دلخواه خودتون رو برای فیلد شماره تلفنتون بسازید . مثلا برخی دوست دارند کاربر شماره تلفن رو به صورت 09112223333 وارد کنه .. یا برخی دیگه دوست دارند به صورت 3333-222-0911 باشه و ….

 

در ضمن این پست بهانه ای هم شد برای آشنا کردن شما با گزینه “قاب” در فیلد “متن تک خطی” و ….

بریم سراغ آموزش ….

1 – خب برای شروع شما یک فیلد “متن تک خطی” رو از قسمت فیلد های استاندارد به فرمتون اضافه کنید ..

2 – حالا روی فیلد کلیک کنید تا زیر مجموعه هاش باز بشه ….

3 – توی تب ویژگی … یک چک باکس (تیک :دی) وجود داره به اسم “وارد کردن قاب” …. این تیک رو بزنید .

4 – وقتی تیک رو میزنید یک دکمه رادیویی ظاهر میشه که شما با قسمت “سفارشی” کار دارید . پس این گزینه رو انتخاب کنید .

5 – زیر اون دکمه رادیویی که شامل گزینه های “سفارشی” و “استاندارد” هست یک فیلد ورودی وجود داره که باید قاب دلخواهتون رو توش وارد کنید …

برای وارد کردن فرمت (قاب) باید یه چیزهایی کوچیکی رو بدونید که براتون توضیح میدم . به توضیحات زیر دقت کنید :

 

  • از عدد نه یعنی  ‘9’ برای نشان دادن یک کاراکتری عددی استفاده نمایید.
  • مثلا برای فرمت شماره تلفن به صورت 09112223333 باید قاب رو به صورت 99999999999  یا برای شماره تلفن به صورت 3333-222-0911 باید به صورت 9999-999-9999 وارد کنید . هر 9 یعنی کاربر باید بجاش یک عدد وارد کنه …

 

  • از حرف کوچک ‘a’ برای نشان دادن یک کاراکتر الفبایی استفاده نمایید.
  • مثلا فرض کنید کاربر قراره یک کد فعالسازی برای شما ارسال کنه تا شما بر اساس اون یک لایسنس کد براش بفرستید .. اما مثلا این کد فعالسازی باید حتما به صورت فرمت xxx-xxxxx-xxxxx باشه مانند : ase-scbnt-yUoxo و میخواید که حالت های دیگر مورد قبول نباشه . خوب کافیه که قاب رو به صورت aaa-aaaaa-aaaaa حالا کاربر اگه حالت دیگه ای وارد کنه قبول نمیشه … هر a یعنی کاربر باید بجاش یک کاراکتر حروفی وارد کنه .

 

  • از یک ستاره ‘*’ برای نمایش دادن کاراکترهای عددی و الفبایی استفاده نمایید.
  • مثلا همون حالت بالا رو در نظر بگیرید که کاربر علاوه بر حروف مجاز به وارد کردن عدد هم باشه .. کافیه این بار بجای a از * استفاده کنید . مانند : a9e-5c7nt-y99xo که قاب مربوطه میشه : *****-*****-*

 

  • از یک علامت سوال ‘?’ برای نمایش کاراکترهای اختیاری استفاده نمایید . تذکر : همه کاراکترهای بعد از علامت سوال اختیاری خواهند شد.
  • یعنی در صورتی که اون قسمت اختیاری هست کافیه قبلش یک علامت سوال ؟ بذارید مانند : قاب 99999?-9999 فیلد ورودی معتبرش میشه : 23462 یا 23462-4062 (البته فارسی نوشتم یکم جابجا شده :|)

 

  • تمام کاراکترهای دیگر ارزش های تحت اللفظی هستند و به طور خودکار نمایش داده می شود.
  • مثلا – یا | که عینا وارد میشن ..

 

خب امیدوارم با مفهموم قاب آشنا شده باشید … البته کلمه دیگری برای ترجمه به ذهنمون نرسیده بود :دی

موفق باشید …

نوشته های مرتبط

46 نظر

  1. مرتضی

    سلام مهندس
    وقتت بخیر و خسته نباشی

    با تشکر از آموزشتون، آقا جسارتاً چطور میشه تو لیست های چند انتخابی یا لیست بازشو، کارای زیر رو روی یک یا چندتا از مواردش انجام داد:
    1- قابل انتخاب نبودن اون مورد (صرفا واسه راهنمایی بکار بره)
    2- رنگ نوشته، فونت و اندازه ی اون مورد (میخوام متمایز باشه)
    3- یه دنیا ممنون

    1. .exe
      .exe

      سلام ؛
      برای مورد اول کد زیر رو به فایل footer.php قالب اضافه کنید.

      <script type="text/javascript">
      jQuery(document).ready(function($){
      $(".gform_wrapper .gchoice_X_Y_Z input").attr('disabled','disabled');
      }); 
      </script>
      

      برای مورد دوم هم کد زیر رو به آخر فایل style.css قالبتون اضافه کنید.

      <code>body .gform_wrapper .gform_body .gform_fields .gfield_checkbox #label_X_Y_Z {color: red; font-family:tahoma; font-size: 30px;}</code>
      

      X = شماره فرم
      Y = شماره فیلد
      Z = شماره گزینه

      1. گرویتی فرم پارسی
        گرویتی فرم پارسی

        ممنون .exe ….
        راستی آقا مرتضی … در مورد درگاه ملت باید بگم از شانس شما اون هم از امروز ای نماد میخواد … هم اس ام اس اومده از بانک .. هم ایمیل که همه باید ای نماد بگیرن … حتی ما هم اگه تا 15 اسفند نگیریم منقضی میشیم ..

  2. مرتضی

    سلام به جفتتون…
    ممنونم .exe جون و ممنونم حنان جون (جفتش اختصاصی بود)
    در مورد X و Y میدونستم ولی Z به عقلم خطور نکرده بود… 😉 ممنونم
    در مورد درگاه ها هم قبلاً گفته بودم بهت حنان جان… در هر صورت ممنونتم و چاکرخواتم…
    یه عکس جالب واسه استایل دهی پیدا کردم ولی چون حوصله ی آپلود یه جای دیگه ندارم و لینک سایتشم یادم رفته واست ایمیلش میکنم…
    و اینکه ببخش که گاهی سوالام زیاد با موضوع مرتبط نیست، آخه جای دیگه ای تو سایت نتونستم واردش کنم… (کاش میشد ما هم بتونیم تاپیک باز کنیم..)
    یه سوال دیگه م دارم که ایمیل میکنم
    با آرزوی سلامتی واسه هر دوتون

  3. مرتضی

    سلام مجدد به شما
    .exe جان ازت خیلی خیلی ممنونم که لطف داشتی بهم اما ببخش جسارت میکنم…… آقا متأسفانه هیچ کدوم از کدایی که معرفی کردی هیچ تأثیری روی گزینه هام ایجاد نکرد… در واقع حس میکنم ” گزینه‌ی Z ” واسه گرویتی تعریف نشده س، شما حتی اگه بدون “_Z” هم این کدو وارد کنی هیچ نتیجه ای نمیگیری…

    یه جا که قبلا آدرس دادم (http://www.neilcurtis.me/guides/styling-and-formatting-gravity-forms/) به این شکل توصیه کرده و صحیحش هم همین هست (تست کردم) یعنی:
    body .gform_wrapper .gform_body .gform_fields #field_’FORM_ID’_’FIELD_ID’.gfield ‘FIELD TYPE’
    {
    Styling goes here;
    }
    ——————————————————————————————-
    واسه قسمت FIELD TYPE:
    “select” = use for drop down field types
    “textarea” = use for paragraph text field types
    “input[type=url]” = use for website field types

    ولی گزینه‌ی Z تعریف نشده س ظاهراً!!!
    اگه راه حلی به ذهنتون میرسه مشتاقانه منتظرم…

    لطفاً اگه اشتباه میکنم بهم بگین
    وقتتون بخیر

    1. .exe
      .exe

      سلام ؛
      ببخشید فکر کردم چک باکس رو گفتین ( کد چک باکس رو قرار دادم و با چک باکس تست کرده بودم، برای چک باکس ها و رادیویی ها Z هم داره )
      برای غیر فعال کردن گزینه در چند انتخابی و کشویی از کد زیر استفاده کنید.

      
      <script type="text/javascript">
      
      var op = document.getElementById("input_X_Y").getElementsByTagName("option");
      for (var i = 0; i < op.length; i++) {
        if (op[i].value.toLowerCase() == 'test') {
          op[i].disabled = true;
        }
      }
      
      </script>
      

      برای رنگ و فونت هم از کد زیر استفاده کنید.

      
      body .gform_wrapper .gform_body .gform_fields #field_X_Y.gfield select option[value="test"] {color:red; font-family:tahoma;}
      

      بجای tset مقدار فیلد رو بزارید .

  4. مرتضی

    سلام به شما
    .exe جان یه دنیا ممنونتم ( ∞̂∞ LIKEs )
    اونجا متوجه شدم که منظورت چک باکس بوده 🙂 ، برطرفشم کرده بودم اما نمیشد،
    تشکر ویزه واسه معرفی این پیج…
    بازم یه دنیا ممنونم و ببخش جسارت کردم (مطمئن بودم کار خودم ایراد داره)
    بدرود.

  5. mitra

    سلام
    ممنون از سایت خوبتون
    من فیلد تک خطی و قاب سفارسی بصورت 999-99999999 برای تلفن و هم چنین برای تلفن همراه بصورت 99999999999تعریف کردم ولی متاسفانه اعمال نمیشه یعنی کاربر هر چی تو این فیلدها وارد کنه بدون اعتبارسنجی قبول میکنه…
    میشه راهنمایی کنید مشکلش چیه ؟؟
    سپاس

    1. گرویتی فرم پارسی
      گرویتی فرم پارسی

      سلام .
      مشکلی نیست . احتمالا شما یکجا رو درست انجام ندادید . یک نمونه آنلاین براتون میذارم ببینید :
      https://gravityforms.ir/demo-gateway/

      همون فرم بالا رو هم فایل برون ریزی شده رو براتون قرار دادم بعد از اکسترکت میتونید درون ریزی کنید و تست بگیرید :
      https://gravityforms.ir/wp-content/uploads/2015/04/gravityforms-export-2015-04-12.zip

      1. kia

        ممنون مرسی از سایت خوبتون. جناب تو همین کامنت ها یکی دو تا سایت دوستان معرفی کردن واسه تغیرر سایز یا رنگ یا…که انگلیسی هست من هم نفهمیدم هرکار کردم اموزش اینها هم اگه مقدور بود بزارین ممنون

  6. حسین

    با سلام و تشکر از سایت خوبتون و زحمات بی دریغتون
    من قالب سفارشی 99999999999 را برای یک فیلد تک خطی تعریف میکنم ولی بعد از زدن دکمه بروز رسانی فرم، به جای قالبی که تعریف کردم فقط یه دونه 1 نشون داده میشه و توی فرم هم فقط یه دونه 1 نشون داده میشه و چیزی هم نمیشه درون فرم وارد کرد.
    ممنون میشم اگه راهنمائیم کنید.

      1. حسین

        اون فیلد رو پاک کردم و یک فیلد جدید گذاشتم بدون اینکه نگه دارنده یا مقدار پیش فرض داشته باشه و براش یه قاب سفارشی 99999999999 تعریف کردم ولی باز هم همونطوریه بعد از زدن دکمه بروز رسانی فرم، به جای قابی که تعریف کردم فقط یه دونه 1 نشون داده میشه و توی فرم هم فقط یه دونه 1 نشون داده میشه و چیزی هم نمیشه درون فرم وارد کرد.
        البته هر کاراکتر و به هر تعدادی که وارد کنم هم باز همین اتفاق میوفته.

          1. حسین

            فقط افزونه فارسی ساز وردپرس نصب هست.
            توی یه فرم دیگه هم تست کردم بازم همین مشکل هست.
            ورپرس من نسخه 4.2.1 هست و افزونه Gravity Forms نسخه 1.9.9 که فارسی ساز شما هم روش نصبه و بروز هم هست.
            به نظر شما ممکنه اشکال از نصب وردپرس یا افزونه Gravity Forms باشه و با نصب مجددشون مشکل حل بشه؟

  7. حسین

    من اصلاً توی همون قسمت مدیریت مشکل دارم. همونجا وقتی بری فیلد قالب تعریف می‌کنم، و بعد دکه بروزرسانی فرم رو میزنم، توی همون قسمت ویرایش فرم و توی قسمت قاب سفارشی فیلدم یه دونه 1 میذاره که طبیعتاً توی سایت هم با هر قالبی این مشکل دیده میشه. البته با این حال با قالب 2015 هم آزمایش کردم و مشکل کماکان پابرجاست.

      1. حسین

        مشکل از خود افزونه هست البته منظورم افزونه اصلی Gravity Forms هست نه افزونه فارسی‌ساز شما. تداخل یا مشکل دیگه‌ای هم وجود نداره.
        روی چند نسخه وردپرس خام و بدون هر افزونه دیگر نصب شد ولی کماکان مشکل وجود داره.
        احتمالاً این اشکال مختص به نسخه 1.9.9 هست و توی نسخ آینده حل بشه.

          1. حسین

            بله درسته
            البته من هم نگفتم همه افرادی که از ویرایش 1.9.9 افزونه استفاده میکنند این اشکال رو ندارند ولی میتونم بگم همه افرادی که این اشکال رو دارند بلا استثنا از ویرایش 1.9.9 استفاده میکنند.
            البته معمولاً اگر افزونه مستقیماً با ویرایش 1.9.9 نصب شده باشه این مشکل بوجود میاد و اگر با ویرایش پائین‌تر نصب شده باشه و به ویرایش 1.9.9 بروزرسانی بشه این مشکل دیده نمیشه.

  8. حمید

    بله منم دقیقا همین مشکل حسین آقا رو دارم. هیچ چیزی روی وردپرسم نصب نکردم. حتی پوسته.
    و در بخش مدیریت هم عدد 1 رو نشون میده. همه چیز هم آخرین نسخه هستش

  9. far

    یه مشکلی دارم اینکه وقتی فرمی رو پر میکنن تاریخ و زمانی که فرم ثبت میشه با زمان ثبت واقعی متغییره چجوری میتونم درستش کنم؟
    ممنون از پاسخگویی خوب همیشگیتون

نظرات بسته است. مشاهده اطلاعیه سایت