Az oldalsáv a felhasználói felület egy eleme (egy kis függőleges terület), amely a nagyobb ablak bal vagy jobb oldalán, vagy a felhasználói képernyőn jelenik meg a kapcsolódó információk vagy a választási lehetőségek vagy a navigációs lehetőségek listájának megjelenítésére.
A Google Táblázatok oldalsávja egy felhasználói felület panel, amely a Google Táblázatok jobb oldalán jelenik meg. A Google egy Apps Script nevű beépített szkriptszerkesztőt biztosít, amely különféle kiegészítőket és elemeket hozhat létre a G-Suite-alkalmazásokhoz. Használható saját egyéni oldalsávok létrehozására is a Google-lapokon.
Ez a cikk bemutatja, hogyan hozhat létre egyéni oldalsávot a Google Táblázatokban a Google Apps Script szerkesztővel.
Oldalsáv létrehozása a Google Táblázatokban az Apps Script segítségével
Ha egyéni oldalsávot szeretne létrehozni, meg kell adnia és futtatnia kell bizonyos kódot az Apps Script szerkesztőben. Ezután létrehozhatja saját widgetjeit az oldalsávon HTML, CSS és Javascript kódok használatával.
Először nyissa meg a Google-lapokat. A Google-lapok menüjében kattintson az "Eszközök" elemre, és válassza a "Szkriptszerkesztő" lehetőséget.
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6.jpg)
Ezzel megnyílik az Apps Script szerkesztő a böngésző egy új lapján, ahol beírhatja a felhasználói felület kódját.
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-1.jpg)
Írja be a következő kódot a Code.gs oldalon:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Saját új menü') .addItem('Saját oldalsáv 1', 'ShowSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Számítási oldalsáv'); SpreadsheetApp.getUi() .showSidebar(html); }
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-2.jpg)
A fenti Code.gs szkriptkódban az OnOpen() függvény létrehoz egy egyéni menüt „My New Menu” néven a google lapok menüsorában. Ez a menü tartalmazni fogja a „Saját oldalsáv-1” menüpontot. Ha erre a menüpontra kattint, a showAdminSidebar() függvény (a kód második része) lefut, és az oldalsáv megjelenik a Google lap ablakának jobb oldalán.
Ezután létre kell hoznunk egy HTML fájlt a Script szerkesztőben, majd ezzel a fájllal létrehozhatja az oldalsávot.
A HTML-fájl létrehozásához kattintson a plusz (+) ikonra a Fájlok az Apps Script szerkesztőben mellett, és válassza a „HTML” lehetőséget.
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-3.jpg)
Ezzel létrehoz egy HTML-fájlt a Code.gs alatt. Nevezze át a fájlt "Sidebar"-ra. Ennek a névnek meg kell egyeznie a showSidebar() függvényben megadott névvel (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-4.jpg)
Írja be a következő kódot a Sidebar.html fájl részébe:
Ez az új oldalsávom
A fenti kód megjeleníti az „Ez az új oldalsávom” szöveges karakterláncot és a „Bezárás” gombot, amely bezárja az oldalsávot, ha rákattintunk.
Miután befejezte a fenti kód beírását a Sidebar.html részébe, a következő kódot kell tartalmaznia:
Ez az új oldalsávom.
A képernyőkép:
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-5.jpg)
Ha végzett mindkét kód megadásával, mentse el a projektet az eszköztár mentési ikonjára kattintva (lásd az alábbi képernyőképet). Ezután futtassa a funkciókat a „Futtatás” ikonra kattintva.
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-6.jpg)
Függetlenül attól, hogy itt futtatja a szkriptet, vagy kiválasztja az egyéni menüelemet a Google-lapok eszköztárában (első alkalommal), a Google meg fogja kérni, hogy engedélyezze a szkript futtatását. Mivel Ön harmadik féltől származó egyéni widgetet futtat, a google kérni fogja az Ön engedélyét. Miután engedélyezte a szkriptet, megjelenik az oldalsáv a Google-lapon.
Az Apps Script kód engedélyezése a Google-ban
Az egyéni szkript engedélyezéséhez kövesse az alábbi lépéseket:
A szkript futtatása után a Google meg fogja kérni, hogy válassza ki Google-fiókját. Miután kiválasztotta, egy kis előugró ablak jelenik meg, amelyben kattintson a „Jogosultságok áttekintése” gombra.
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-7.jpg)
Egy másik előugró ablak jelenik meg, itt válassza a „Speciális megjelenítése” lehetőséget, majd kattintson a „Go to Untitled project (nem biztonságos)” gombra (Megjelenik a projekt neve).
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-8.jpg)
A következő ablakban kattintson az „Engedélyezés” gombra, és a Google-lap futtatja a szkriptet.
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-9.jpg)
Ha ezt megtette, menjen vissza a Google-laphoz, és frissítse azt. Az új egyéni menü (My New Menu) hozzáadásra kerül a Google-lap eszköztárához, amelyet a Code.gs szkripten keresztül adtunk hozzá. Kattintson az „Új menü” elemre, és válassza ki a „Saját oldalsáv 1” menüpontot az oldalsáv megjelenítéséhez.
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-10.jpg)
Most az egyéni oldalsáv jelenik meg a Google-lap jobb oldalán az általunk hozzáadott szöveggel és gombbal (lásd alább). Amikor a gombra kattint, az oldalsáv bezárul.
![](http://img.drupalst.com/wp-content/uploads/apps/1063/25zyj85gw6-11.jpg)
Nos, most már tudja, hogyan hozhat létre saját oldalsávot a Google-lapokon.