CSS Ready Classes ל-Fluent Forms #
ב-Fluent Forms, יש לנו כמה Ready Classes חדשים. בעזרת המחלקות החדשות הללו, תוכלו ליצור בקלות פריסות חלופיות מתקדמות יותר לשדות בטפסים שלכם.
Ready Classes הן שמות מחלקות שתוכלו להוסיף לאלמנט ההורה המקיף כל שדה כדי לנצל סגנונות מוגדרים מראש הכלולים בגיליון הסגנון של הטופס המוגדר.
כיצד להשתמש ב-Ready Classes #
- כדי להוסיף Ready Class לשדה, פשוט ערוך את הטופס שלך ב-Form Builder (בונה הטפסים) ואז בחר את השדה שבו גם תרצה להוסיף את המחלקות.
- תחת לשונית Advanced Options (אפשרויות מתקדמות), תראה קלט בשם Container Class (מחלקת הכלי). הוסף את שם Ready Class או שמות שברצונך להוסיף לשדה ושמור את הטופס.
שימו לב שתכונה זו אינה מתעדכנת בזמן אמת ב-Form Builder.
- לאחר שציינת את שמות Ready Class שלך, פשוט שמור את הטופס, ותראה את המחלקות מיושמות על הטופס שלך בחלון התצוגה המקדימה וב-live site (האתר הממשי).
שמות ה-Ready Class #
להלן ה-Ready Classes המובנים בגיליון הסגנון המוגדר של Fluent Forms שתוכלו להשתמש בהם מיד ללא צורך לכתוב CSS משלכם.
ff_list_2col #
זה הופך רשימת Radio/checkbox לפורמט של 2 עמודות במרווח שווה. זה חל רק על רשימות Radio/checkbox ופועל עם כל הגדרות עמדת תווית הטופס.
ff_list_3col #
זה הופך רשימת Radio/checkbox לפורמט של 3 עמודות במרווח שווה. זה חל רק על רשימות Radio/checkbox ופועל עם כל הגדרות עמדת תווית הטופס.
ff_list_4col #
זה הופך רשימת Radio/checkbox לפורמט של 4 עמודות במרווח שווה. זה חל רק על רשימות Radio/checkbox ופועל עם כל הגדרות עמדת תווית הטופס.
ff_list_5col #
זה הופך רשימת Radio/checkbox לפורמט של 5 עמודות במרווח שווה. זה חל רק על רשימות Radio/checkbox ופועל עם כל הגדרות עמדת תווית הטופס.
ff_list_inline #
זה הופך רשימת Radio/checkbox לרשימה אופקית מובנית (לא עמודות במרווח שווה). זה חל רק על רשימות Radio/checkbox מרובות ופועל עם כל הגדרות עמדת תווית הטופס.
ff_scrolled_text #
זה המרת שדה HTML לתיבה בעלת גובה קבוע שתציג באופן אוטומטי סרגל גלילה אם יש כמות גדולה של טקסט. זה שימושי אם ברצונך להציג כמויות גדולות של תוכן למשתמש אך לא תרצה לקשר אליו או להפוך את הטופס ארוך מאוד כדי להציג אותו (Terms of Service (הסכמי שירות) וכו׳). מחלקה זו פועלת רק על section breaks (הפסקות סעיף) ופועלת עם כל הגדרות עמדת תווית הטופס.
ff_force_hide #
זה יסתיר שדה קלט מלהיות מוצג בחזית האתר שלך. זה שימושי כאשר אתה רוצה להשתמש בשדה קלט בטופס שלך כדי לאחסן ערכים או נתונים כלשהם אך לא רוצה להציג אותו למשתמשים כאשר הם ממלאים את הטופס.
ff_pointer #
זה ישנה את הסמן לmouse pointer (סמן עכבר) כאשר מעבירים את העכבר על שדה קלט.
ff-read-only #
מחלקה זו תגביל את שדות הקלט מלהיערך; אלה יכולים רק להיות צפויים על ידי המשתמש. תחת לשונית “Advanced Options” (אפשרויות מתקדמות), תראה קלט בשם Element Class (מחלקת אלמנט). הוסף את שם Ready Class לשדה ושמור את הטופס.
ff-hidden #
זה ישמור על שדה הקלט מוסתר, כאשר שדה זה גלוי למנהל.
שימו לב שCSS Ready Classes אינם ישימים ל-Conversational Form (טופס שיחה).