כיצד ליצור סרגל צד ב-Google Sheets

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

סרגל הצד ב-Google Sheets הוא חלונית ממשק משתמש שמוצגת בצד ימין של Google Sheets. גוגל מספקת עורך סקריפטים מובנה בשם Apps Script שיכול ליצור תוספות ואלמנטים שונים עבור יישומי G-Suite. זה יכול לשמש גם לבניית סרגלי צד מותאמים אישית משלך ב-Google Sheets.

מאמר זה יראה לך כיצד ליצור סרגל צד מותאם אישית ב-Google Sheets באמצעות עורך הסקריפטים של Google Apps.

יצירת סרגל צד ב-Google Sheets באמצעות Apps Script

אם ברצונך ליצור סרגל צד מותאם אישית, עליך להזין ולהפעיל קוד מסוים בעורך Apps Script. לאחר מכן תוכל לבנות ווידג'טים משלך בתוך סרגל הצד באמצעות קודי HTML, CSS ו-Javascript.

ראשית, פתח את גיליונות Google. בתפריט גיליונות Google, לחץ על 'כלים' ובחר 'עורך סקריפטים'.

זה יפתח את עורך Apps Script בכרטיסייה חדשה של הדפדפן שלך שבה תוכל לכתוב את קוד ממשק המשתמש שלך.

כתוב את הקוד הבא בדף Code.gs:

function onOpen() { SpreadsheetApp.getUi() .createMenu('התפריט החדש שלי') .addItem('סרגל הצד שלי 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Calculation Sidebar'); SpreadsheetApp.getUi() .showSidebar(html); }

בקוד הסקריפט Code.gs לעיל, הפונקציה OnOpen() יוצרת תפריט מותאם אישית בשם 'התפריט החדש שלי' בשורת התפריטים של google sheets. תפריט זה יכיל פריט תפריט בשם 'סרגל הצד שלי-1'. כאשר תלחץ על פריט תפריט זה, תופעל הפונקציה showAdminSidebar() (החלק השני של הקוד) והסרגל הצידי יוצג בצד ימין של חלון הגיליון של Google.

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

כדי ליצור את קובץ ה-HTML, לחץ על סמל הפלוס (+) לצד קבצים בעורך Apps Script ובחר 'HTML'.

פעולה זו תיצור קובץ HTML מתחת ל-Code.gs. שנה את שם הקובץ ל'סרגל צד'. השם הזה צריך להיות זהה לזה שנוסף בפונקציה showSidebar() (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).

כתוב את הקוד הבא בתוך הקטע של הקובץ Sidebar.html:

 זה הסרגל הצידי החדש שלי

הקוד שלמעלה מציג את מחרוזת הטקסט 'זהו סרגל הצד החדש שלי' וכפתור 'סגור' אשר סוגר את סרגל הצד כאשר לוחצים עליו.

לאחר שתסיים לכתוב את הקוד לעיל בקטע של Sidebar.html, הוא אמור להכיל את הקוד הבא:

 זה הסרגל הצידי החדש שלי.

צילום המסך:

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

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

כיצד לאשר קוד סקריפט של Apps ב-Google

כדי לאשר את הסקריפט המותאם אישית שלך, בצע את השלבים הבאים:

לאחר שתפעיל את הסקריפט, Google תבקש ממך לבחור את חשבון Google שלך. לאחר שבחרת בו, יופיע חלון קופץ קטן, בלחיצה על 'בדוק הרשאות'.

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

בחלון הבא, לחץ על 'אפשר' ו-google sheet יריץ את הסקריפט שלך.

לאחר שעשית זאת, חזור לגיליון Google שלך ​​ורענן אותו. התפריט המותאם אישית החדש (התפריט החדש שלי) יתווסף לסרגל הכלים של גיליון Google שלך, אותו הוספנו באמצעות סקריפט Code.gs. לחץ על 'התפריט החדש שלי' ובחר בפריט התפריט 'סרגל הצד שלי 1' כדי להציג את סרגל הצד.

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

ובכן, עכשיו אתה יודע איך לבנות סרגל צד משלך ב-Google Sheets.