« בחזרה לתיעוד

הגדרות עיצוב וסגנון של הטופס

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


יישור כותרת
ניתן להגדיר את תצוגת הכותרת של כל שדה בכמה מצבים:

  1. מעל השדה (ברירת מחדל)
  2. לא להציג - יופיע רק הטקסט בתוך השדה
  3. צדדי - יישור לשמאל
  4. צדדי - יישור לימין

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



סגנון שדה
כברירת מחדל העיצוב של השדה יופיע כמו העיצוב של השדות בערכת העיצוב, אך תמיד תוכלו להגדיר "סגנון מותאם אישית" ולהחיל את הגדרות העיצוב המתאימות לכם:

  • צבע טקסט שדה
  • צבע רקע
  • שקיפות רקע
  • צבע בורדר
  • רוחב מסגרת
  • עיגול מסגרת

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

עיצוב טופס אופקי

במידה ואתם מעוניינים לעצב טופס אופקי (שבו השדות מופיעים זה לצד זה), ניתן לעשות זאת בקלות.

עליכם להגדיר כל שדה (וכן את כפתור השליחה) ברוחב של 25% (בהנחה ומדובר ב-3 שדות, כמובן).

הכלל הוא שסה"כ הרוחב של כל השדות והכפתור יגיע ל-100%. 

כדי שהשדות יהיו מיושרים לכפתור, כדאי להסתיר את כותרת השדה ולהציג אותן כ-Placeholder (טקסט בתוך השדה). ניתן לעשות זאת בהגדרות של כל שדה.

 

 

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

« בחזרה לתיעוד