Postranní panel je prvek uživatelského rozhraní (malá svislá oblast), který se zobrazuje vlevo nebo vpravo od většího okna nebo na uživatelské obrazovce a zobrazuje související informace nebo seznam voleb nebo možností navigace.
Postranní panel v Tabulkách Google je panel uživatelského rozhraní, který se zobrazuje na pravé straně Tabulek Google. Google poskytuje vestavěný editor skriptů s názvem Apps Script, který dokáže vytvářet různé doplňky a prvky pro aplikace G-Suite. Lze jej také použít k vytváření vlastních postranních panelů v tabulkách Google.
Tento článek vám ukáže, jak vytvořit vlastní postranní panel v Tabulkách Google pomocí editoru skriptů Google Apps.
Vytvoření postranního panelu v Tabulkách Google pomocí Apps Script
Pokud chcete vytvořit vlastní postranní panel, musíte zadat a spustit určitý kód v editoru Apps Script. Poté si můžete vytvořit své vlastní widgety v postranním panelu pomocí kódů HTML, CSS a Javascript.
Nejprve otevřete tabulky Google. V nabídce Tabulky Google klikněte na ‚Nástroje‘ a vyberte ‚Editor skriptů‘.
Tím se otevře editor Apps Script na nové kartě prohlížeče, kde můžete napsat kód uživatelského rozhraní.
Napište následující kód na stránku Code.gs:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Moje nová nabídka') .addItem('Můj postranní panel 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Postranní panel') .setTitle('Postranní panel výpočtu'); SpreadsheetApp.getUi() .showSidebar(html); }
Ve výše uvedeném kódu skriptu Code.gs funkce OnOpen() vytvoří vlastní nabídku nazvanou „Moje nová nabídka“ na liště nabídek Listů Google. Tato nabídka bude obsahovat položku nabídky s názvem „Můj postranní panel-1“. Když kliknete na tuto položku nabídky, spustí se funkce showAdminSidebar() (druhá část kódu) a postranní panel se zobrazí na pravé straně okna listu Google.
Dále musíme vytvořit soubor HTML v editoru skriptů a poté pomocí tohoto souboru můžete vytvořit postranní panel.
Chcete-li vytvořit soubor HTML, klikněte na ikonu plus (+) vedle položky Soubory v editoru Apps Script a vyberte možnost HTML.
Tím se vytvoří soubor HTML pod Code.gs. Přejmenujte soubor na „Postranní panel“. Tento název by měl být stejný jako název přidaný ve funkci showSidebar() (var html = HtmlService.createHtmlOutputFromFile(‘Sidebar’)).
Do části souboru Sidebar.html napište následující kód:
Toto je můj nový postranní panel
Výše uvedený kód zobrazuje textový řetězec „Toto je můj nový postranní panel“ a tlačítko „Zavřít“, které po kliknutí na postranní panel zavře.
Po dokončení psaní výše uvedeného kódu v sekci Sidebar.html by měl obsahovat následující kód:
Toto je můj nový postranní panel.
Snímek obrazovky:
Po zadání obou kódů uložte projekt kliknutím na ikonu uložení na panelu nástrojů (viz níže uvedený snímek obrazovky). Poté spusťte funkce kliknutím na ikonu ‚Spustit‘.
Ať už skript spustíte zde nebo vyberete položku vlastní nabídky na panelu nástrojů Listů Google (poprvé), Google vás požádá o autorizaci spuštění skriptu. Vzhledem k tomu, že používáte vlastní widget třetí strany, Google si vyžádá vaši autorizaci. Jakmile skript autorizujete, zobrazí se postranní panel ve vašem listu Google.
Jak autorizovat kód Apps Script na Googlu
Chcete-li autorizovat vlastní skript, postupujte takto:
Jakmile skript spustíte, Google vás požádá, abyste vybrali svůj účet Google. Po jeho výběru se zobrazí malé vyskakovací okno, v němž klikněte na „Oprávnění ke kontrole“.
Objeví se další vyskakovací okno, zde vyberte „Zobrazit pokročilé“ a klikněte na „Přejít na projekt bez názvu (nebezpečný)“ (zobrazí se název vašeho projektu).
V dalším okně klikněte na „Povolit“ a list Google spustí váš skript.
Jakmile to uděláte, vraťte se do svého listu Google a obnovte jej. Nová vlastní nabídka (Moje nová nabídka) bude přidána do panelu nástrojů listu Google, který jsme přidali pomocí skriptu Code.gs. Klikněte na „Moje nová nabídka“ a vyberte položku nabídky „Můj postranní panel 1“ pro zobrazení postranního panelu.
Nyní se váš vlastní postranní panel zobrazí na pravé straně vašeho listu Google s textem a tlačítkem, které jsme přidali (jak je uvedeno níže). Když kliknete na tlačítko, postranní panel se zavře.
Nyní víte, jak vytvořit svůj vlastní postranní panel v tabulkách Google.