Страничната лента е елемент на потребителския интерфейс (малка вертикална област), който се появява отляво или отдясно на по-големия прозорец или на потребителския екран за показване на свързана информация или списък с възможности за избор или опции за навигация.
Страничната лента в Google sheets е панел на потребителския интерфейс, който се показва от дясната страна на Google Sheets. Google предоставя вграден редактор на скриптове, наречен Apps Script, който може да създава различни добавки и елементи за приложения на G-Suite. Може да се използва и за изграждане на ваши собствени персонализирани странични ленти в Google sheets.
Тази статия ще ви покаже как да направите персонализирана странична лента в Google Таблици с помощта на редактора на Google Apps Script.
Създаване на странична лента в 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('Странична лента за изчисление'); 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.
Как да оторизирате скриптов код на приложения в Google
За да разрешите своя персонализиран скрипт, изпълнете следните стъпки:
След като стартирате скрипта, Google ще ви помоли да изберете своя акаунт в Google. След като го изберете, ще се появи малък изскачащ прозорец, в който щракнете върху „Преглед на разрешенията“.
Ще се появи друг изскачащ прозорец, тук изберете „Покажи разширено“ и щракнете върху „Отиди към неозаглавен проект (небезопасен)“ (Той ще покаже името на вашия проект).
В следващия прозорец щракнете върху „Разрешаване“ и google sheet ще стартира вашия скрипт.
След като направите това, върнете се към вашия лист в Google и го опреснете. Новото персонализирано меню (Моето ново меню) ще бъде добавено към лентата с инструменти на вашия лист в Google, която добавихме чрез скрипта Code.gs. Щракнете върху „Моето ново меню“ и изберете елемента от менюто „Моята странична лента 1“, за да се покаже страничната лента.
Сега вашата персонализирана странична лента ще се покаже от дясната страна на вашия лист в Google с текста и бутона, който добавихме (както е показано по-долу). Когато щракнете върху бутона, страничната лента ще бъде затворена.
Е, сега знаете как да изградите своя собствена странична лента в Google sheets.