שדה Rich Text Input ב-Fluent Forms #
טקסט עשיר (Rich Text) אינו עוד רק לאנשים בצד הבקצה (Backend). ה-Rich Text Input הוא סוג שדה המאפשר למשתמשים להגיש טפסים עם תוכן טקסט עשיר. טקסט עשיר הוא טקסט המעוצב באמצעות אפשרויות עיצוב נפוצות, כגון הדגשה (Bold) ונטיה (Italics), שאינן זמינות בטקסט רגיל.
בעקבות מאמר זה, תוכל/תוכלי בקלות להבין כיצד להוסיף שדה Rich Text Input ב-Fluent Forms.
- להוספת שדה זה לטופס שלך, גרור והנח את השדה מבין שדות הקלט המתקדמים (Advanced) הזמינים.
- להפעלת התאמה אישית, לחץ על סמל העריכה (סמל העיפרון) שתקבל בעת ריחוף על השדה. או לחץ על הכרטיסייה Input Customization בסרגל הצד הימני בעת בחירת השדה.
בחלק ה-Input Customization, תוכל/תוכלי להתאים אישית את שדה Rich Text Input בדרכים הבאות. בחלק זה תמצא/י 2 חלקים:
- אפשרויות בסיסיות (Basic Options)
- אפשרויות מתקדמות (Advanced Options)
אפשרויות בסיסיות (Basic Options) #
בצד ימין של הכרטיסייה, ישנן כמה אפשרויות בסיסיות חשובות המפורטות להלן:
- Element Label (תווית האלמנט): תן תווית מתאימה לקלט שלך המתאימה למטרתך כאן. היא תוצג למשתמש בעת מילוי הטופס. זה שקול לתווית HTML.
- Label Placement (מיקום התווית): קבע את מיקום התווית שהגדרת קודם לכן ביחס לשדה הקלט. האפשרויות הזמינות הן Top (למעלה), Left (לשמאל), Right (לימין) ו-Default (ברירת מחדל). כל אלה מובנים מעצמם למעט Default. משמעותו היא שהוא ייצג את הגדרות מיקום התווית הגלובליות שלך.
- Admin Field Label (תווית שדה מנהל): אם אתה/את רוצה/ה להציג תוויות שונות למשתמשי הממנה שלך כאשר הם צופים בהגשות הטופס, אתה/את יכול/ה להגדיר זאת באמצעות אפשרות זו. אין לה השפעה ממשית על הטופס אלא רק למטרות ניהול.
- Placeholder (מציין מקום): כאשר הקלט ריק, זה נהוג להציג הודעה מסוימת למשתמשים כדי שיוכלו להבין מה השדה מצפה מהם. זה שקול לתכונת placeholder של קלט HTML.
- Rows (שורות): Fluent Forms מאפשר לך שליטה על השורות. אתה/את יכול/ה לבחור בחירה לגבי השורות. אפשרות זו מאפשרת לך לבחור מספר מסוים של שורות. עליך ליישם זאת.
- Columns (עמודות): בדומה לשורות, Fluent Forms מאפשר לך לבחור גם חלק עמודה. אפשרות זו מאפשרת לך לקבוע את העמודה.
- Required (נדרש): קבע האם השדה יכול להיות ריק או לא כאשר המשתמש מגיש את הטופס שלך על ידי בחירה באפשרות המתאימה מכאן.
אפשרויות מתקדמות (Advanced Options) #
ההתאמות המתקדמות הזמינות לשדה Rich Text Input הן כדלקמן:
- Default value (ערך ברירת המחדל): אתה/את יכול/ה להגדיר ידנית כל ערך קבוע בשדה שלך; כמו כן, אתה/את יכול/ה להתמלא קודם לכן את שדה הקלט שלך בצורה דינמית על ידי שימוש בקודים קצרים (Shortcodes) הזמינים שלנו. כדי להבין טוב יותר את Dynamic Default Value, קרא את המדריך הזה.
- Container Class (מחלקת מכל): השתמש באפשרות זו כדי להוסיף את מחלקות CSS המותאמות שלך לכל השדה.
- Element Class (מחלקת אלמנט): באופן דומה, אתה/את יכול/ה להוסיף מחלקות CSS מותאמות לשדה הקלט עצמו.
- Help Message (הודעת עזרה): כדי להנחות את משתמשך בעמוק, אתה/את יכול/ה להשתמש באפשרות זו. פשוט הוסף את הטקסט שלך כאן, והוא יוצג כהודעת עזרה למשתמש.
- Name Attribute (תכונת שם): תכונת השם של שדה הקלט היא הקבילה HTML לאותו שם. אתה לא צריך לשנות זאת. שימו לב שמומלץ לא לשנות תכונות שם; כך תשבור את מיפוי שדות לוגיקה מותנית ואינטגרציות. תצטרך/י ליצור מחדש אלה עם הערך החדש.
- Max text length (אורך טקסט מקסימלי): זה מאפשר למשתמש להגדיר את המספר המקסימלי של תווים שהקלט צריך לקבל.
- Conditional Logic (לוגיקה מותנית): אתה/את יכול/ה ליצור כללים מסוימים כדי להסתיר/להציג בצורה דינמית את שדה הקלט בהתאם לערכים משדות אחרים.
- שמור את הטופס כשהתאמה אישית הושלמה.
- לאחר שמירת הטופס במצב תצוגה מקדימה, שדה ה-Rich Text Input יראה כמו בצילום המסך להלן –
