מרכז ההדרכות של סקולילנד

שדה CheckBox ב-Fluent Forms

שדה CheckBox ב-Fluent Forms #

שדה CheckBox הוא אלמנט שדה קלט המאפשר למשתמשים לבצע בחירה בינארית, כלומר בחירה בין אחת משתי אפשרויות זו בזו.

שדה קלט עם תיבת סימון יכול להיות מאוד מועיל להגברת חוויית המשתמש במקרה של שאילתות בינאריות מרובות.

  • כדי להוסיף שדה זה לטופס שלך, גרור והפל את השדה מהשדות קלט הזמינים. ניתן להוסיף שדות קלט לטופס בדרכים שונות אחרות.
  • כדי להפעיל התאמה אישית, לחץ על סמל העריכה שאתה מקבל כאשר אתה עובר עם הסמן על השדה. או לחץ על הכרטיסייה Input Customization (התאמה אישית של קלט) בסרגל הצד הימני כאשר בוחר בשדה.
  • בסעיף Input Customization (התאמה אישית של קלט), תוכל להתאים את שדה הקלט בדרכים הבאות. בחלק זה תמצא 2 חלקים:
  1. אפשרויות בסיסיות
  2. אפשרויות מתקדמות

אפשרויות בסיסיות #

בצד ימין של הכרטיסייה, ישנן כמה אפשרויות בסיסיות חשובות המובאות להלן:

  • Element Label (תווית אלמנט): זהו הטקסט שהמשתמשים יראו בטופס עבור שדה הקלט. אתה יכול לשים כאן כל טקסט שעוזר להבין את מטרת השדה.
  • Label Placement (מיקום התווית): קבע את מיקום התווית שהגדרת קודם ביחס לשדה הקלט. האפשרויות הזמינות הן Top (למעלה), Left (לשמאל), Right (לימין), ו-Default (ברירת מחדל). כל אלה מובנים מאליהם מלבד Default. המשמעות היא שהוא ישקף את הגדרות מיקום התווית הגלובליות שלך.
  • Admin Field Label (תווית שדה מנהל): אם אתה רוצה להציג תווית שונה עבור משתמשי הניהול שלך כאשר הם צופים בהגשות הטופס, תוכל להגדיר זאת באמצעות אפשרות זו. לאפשרות זו אין השפעה בפועל על הטופס אלא רק למטרות ניהוליות.

Options (אפשרויות): צור אפשרויות עבור השדה וסמן אותן לבחירה כברירת מחדל.
      – סמן Show Values (הצג ערכים) כמסומן להקלת ניהול במידת הצורך.
      – תן שם לאפשרויות.
      – הוסף אפשרויות על ידי לחיצה על סמל הפלוס ליד האפשרות האחרונה שהוזנה. או ניתן להוסיף אפשרות בין שתי אפשרויות על ידי לחיצה על סמל הפלוס ליד האפשרות הקודמת המידית.
– גרור והפל את האפשרויות אחוז בסמן וסדר אותן מחדש במידת הצורך.

  • Show & Calc Values (הצג וחשב ערכים): משתמשים יקבלו אפשרויות Show Values (הצג ערכים) ו-Calc Values (חשב ערכים). ייתכן שתוכל להציג את הנתונים שלך ולבצע חישובים באמצעות Show Values (הצג ערכים) ו-Calc Values (חשב ערכים).
  • Photo (תמונה): על ידי לחיצה על אפשרות Photo, תוכל להוסיף תמונות עבור השדה.
  • Bulk Edit/Predefined Data Sets (עריכה בתפזורת/מערכות נתונים מוגדרות מראש): אתה יכול לבחור ממערכת נתונים מוגדרת מראש עבור שדה ה-Checkbox כך שלא תצטרך להוסיף כל פריט ידנית.
  • Shuffle the available options (ערבל את האפשרויות הזמינות):  אתה יכול להפעיל ערבול של אפשרויות ה-Checkbox או Select (בחירה) שלך כך שכל משתמש יראה אפשרות אקראיות לבחירה.
  • Required (חובה): קבע אם השדה יכול להיות ריק או לא כאשר המשתמש שולח את הטופס שלך על ידי בחירת האפשרות המתאימה מכאן.

אפשרויות מתקדמות #

ההתאמות המתקדמות הזמינות עבור שדה קלט Checkbox הן כדלקמן:

  • Dynamic Default Value (ערך ברירת מחדל דינמי): אתה יכול להגדיר ידנית כל ערך קבוע בשדה שלך; כמו כן, אתה יכול להוסיף מראש את שדה הקלט שלך בצורה דינמית על ידי שימוש בקודי קיצור הזמינים שלנו.
  • Container Class (מחלקת מיכל): השתמש באפשרות זו כדי להוסיף את שיעורי ה-CSS המותאמים שלך לעטיפת השדה.
  • Help Message (הודעת עזרה): כדי להנחות את המשתמש שלך ביסודיות, תוכל להשתמש באפשרות זו. פשוט הוסף את הטקסט שלך כאן, והוא יוצג כהודעת עזרה למשתמש.
  • Name Attribute (תכונת שם): תכונת השם של שדה הקלט היא המקבילה HTML של אותו שם. אתה לא צריך לשנות זאת.
  • Layout (פריסה): המשתמש יכול לבחור את ה-Layout עבור פריטים בעלי סימון.
  • Conditional Logic (לוגיקה תנאית): אתה יכול ליצור כללים מסוימים כדי להסתיר/הצג שדה קלט באופן דינמי בהתאם לערכים משדות אחרים.
  • Save (שמור) את הטופס כאשר ההתאמה האישית מושלמת.

אתה יכול לקבל את הייצוג החזותי של רשומות השדה הזה.

Image Button Layout (פריסת כפתור תמונה) #

  • הפעל את אפשרות Photo (תמונה) תחילה, העלה תמונות & ואז עבור אל Advanced Options (אפשרויות מתקדמות).
  • לאחר עבור אל Advanced Options (אפשרויות מתקדמות), בחר את Layout (הפריסה) & בחר את אפשרויות Button Layout (פריסת כפתור) מהתפריט הנפתח.
  • תצוגה מקדימה סופית של Checkbox Button Layout ניתנת להלן –

אהבתם? מוזמנים לשתף:

מדריך זה היה שימושי?

  • Happy
  • Normal
  • Sad

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *