שדה Range Slider ב-Fluent Forms #

שדה ה-Range Slider של Fluent Forms מאפשר לך להגביל את הערך או סימן דירוג בכדי לבחור מספר מטווח מוגדר מראש של מספרים.

• כדי להוסיף שדה זה לטופס שלך, גרור והנח את השדה מהשדות Advanced input fields הזמינים. ניתן להוסיף שדות קלט לטופס בדרכים שונות אחרות. בואו נוצור טופס קודם כל.

• כדי לאפשר התאמה אישית, לחץ על סמל העריכה שאתה מקבל כאשר אתה ממריא על השדה. או לחץ על כרטיסיית Input Customization (התאמה אישית של קלט) בסרגל הצד הימני כאשר אתה בוחר בשדה.

בחלק Input Customization (התאמה אישית של קלט) , אתה יכול להתאים אישית את שדה הקלט בדרכים הבאות. בחלק זה, תוכל למצוא 2 חלקים:

1. Basic Options (אפשרויות בסיסיות)
2. Advanced Options (אפשרויות מתקדמות)

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

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

• Element Label (תווית האלמנט): זה הטקסט שהמשתמשים יראו בשדה הקלט של הטופס. אתה יכול לשים כאן כל טקסט שעוזר להבין את המטרה של השדה הזה.

• Admin Field Label (תווית שדה Admin): אם אתה רוצה להציג תווית שונה למשתמשי Admin שלך כאשר הם צופים בהגשות הטופס, אתה יכול להגדיר זאת. לא יש לזה השפעה בפועל על הטופס אלא רק למטרות ניהוליות.

• Default Value (ערך ברירת מחדל): אתה יכול להגדיר באופן ידני כל ערך קבוע בשדה שלך ולמלא מראש את שדה הקלט שלך בצורה דינמית על ידי שימוש בקיצורי הקוד הזמינים שלנו. כדי להבין טוב יותר את Dynamic Default Value, קרא את המדריך הזה.

• Min and Max Value (ערך דקות והערך המקסימלי): ה-Min הוא הערך שבו ערך ה-Slider יתחיל, וה-Max הוא הערך שבו ערך ה-Slider מסתיים. אם תבחר 200 כ-Min ו-1000 כ-Max, המשתמש יכול לבחור ערך בטווח זה.

• Step (שלב): המשתמש יכול לספק תכונת Step לשדה זה. תן ערך “any” לערך צף

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

• Required (נדרש): קבע אם השדה יכול להיות ריק או לא כאשר המשתמש מגיש את הטופס שלך על ידי בחירה באפשרות המתאימה מכאן.

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

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

• Name Attribute (תכונת שם): תכונת השם של שדה הקלט היא המקבילה HTML של אותו שם. אתה לא צריך לשנות זאת.

• Help Message (הודעת עזרה): כדי להדריך את המשתמש שלך בעמידה, אתה יכול להשתמש באפשרות זו. פשוט הוסף את הטקסט שלך כאן, והוא יוצג כהודעת עזרה למשתמש.

• Container Class (מחלקת מיכל): השתמש באפשרות זו כדי להוסיף מחלקות CSS מותאמות אישית לעטיפת השדה.

• Element Class (מחלקת אלמנט): באופן דומה, אתה יכול להוסיף מחלקות CSS מותאמות אישית לשדה הקלט עצמו.

• Conditional Logic (לוגיקה מותנית): אתה יכול ליצור כללים מסוימים כדי להסתיר / להציג באופן דינמי את שדה הקלט בהתאם לערכים מכמה שדות אחרים. כדי להבין טוב יותר את Conditional Logic, קרא את זה.

• Save (שמור) את הטופס כאשר ההתאמה האישית הושלמה.