תוסף מבוסס-כרטיס מופיע כחלונית בסרגל הצד (או, בנייד, כחלונית אחרת
לחלון הפעילות שניתן להגיע אליו דרך התפריט). לתוסף יש סרגל כלים עליון
מזהה את התוסף ומציג כרטיס – בעצם 'דף' של
ממשק משתמש של התוסף. Apps Script מייצג כרטיסים בקוד פרויקט באמצעות
Card אובייקטים.
המבנה של הכרטיס
כרטיס הוא קבוצה של רכיבים בממשק המשתמש שאתם מעצבים. כרטיס מכיל את לסעיפים הבאים:
- כותרת של כרטיס. משמש לזיהוי הכרטיסים. הוא מכיל טקסט של כותרת, וייתכן אם רוצים, יש להם כותרת משנה וסמל.
חלק אחד או יותר בכרטיסים. אלה חלוקות משנה של אזור ממשק המשתמש של הכרטיס. לקטע יכולה להיות כותרת של קטע טקסט. קטעי הכרטיס מופרדים אחד מהשני בכרטיס באמצעות קו אופקי. אם קטע בכרטיס גדול במיוחד, הוא מעובד באופן אוטומטי בתור שניתן לכווץ, שמשתמשים יכולים להרחיב או לכווץ לפי הצורך. כרטיס יכול לכלול עד 100 קטעים בכרטיס. וצריך שיהיו בו רק כמה מהם כדי לשפר את הביצועים.
כל קטע בכרטיס כולל ממשק משתמש אחד או יותר ווידג'טים. ווידג'טים מספקים למשתמש מידע או פקדים אינטראקטיביים. הקטעים של כרטיסים וכרטיסים הם ווידג'טים מבניים, לכן לא ניתן להוסיף אותם לקטע בכרטיס. כרטיס קטע זה יכול להכיל עד 100 ווידג'טים. והם צריכים להיות פשוטים ככל האפשר כדי להשיג את הביצועים הכי טובים.
כדאי לעצב כרטיסים סביב פעילויות ספציפיות של משתמשים או קבוצות נתונים ספציפיות. עבור לדוגמה, תוסף של Google Workspace שמציג נתונים שנלקח מ-Google Sheets, יכול להיות שיש לו כרטיס נפרד לכל גיליון שהוא שולף. מ-.
שימוש בכמה כרטיסים
תוספים כוללים בדרך כלל יותר מכרטיס אחד. אפשר להגדיר בתור רשימה פשוטה, ניווט בסיסי עם כרטיסים מרובים, או להגדיר הגדרות מורכבות יותר, שיטות ניווט כדי לקבוע איך המשתמש יעבור בין הכרטיסים.
אם התוסף משתמש בניווט בסיסי, כאשר פותחים את התוסף. אפליקציית Google Workspace מרחיבה רשימה של כותרות הכרטיסים ומציגות אותן למשתמש. לחיצה על הכרטיס פותח את הכרטיס. יוצג גם חץ חזרה כדי לחזור לכרטיס רשימת כותרות. אין צורך לקודד את הכותרת ואת החץ חזרה פונקציונליות - הדבר מתבצע באופן אוטומטי כאשר אתם מגדירים את הכרטיסים
כשמעצבים תוספים, מומלץ להגביל את מספר הכרטיסים שמוצג בו-זמנית, מפני שהכרטיסים חייבים לשתף כמות מוגבלת של שטח מסך. מומלץ גם למנוע מורכבות מיותרת בכרטיסים.