Kaip sukurti šoninę juostą „Google“ skaičiuoklėse

Šoninė juosta yra vartotojo sąsajos elementas (maža vertikali sritis), rodoma didesnio lango kairėje arba dešinėje arba vartotojo ekrane, kad būtų rodoma susijusi informacija arba pasirinkimų ar naršymo parinkčių sąrašas.

„Google“ skaičiuoklių šoninė juosta yra vartotojo sąsajos skydelis, rodomas dešinėje „Google“ skaičiuoklių pusėje. „Google“ teikia integruotą scenarijų rengyklę, vadinamą „Apps Script“, kuri gali kurti įvairius „G-Suite“ programų priedus ir elementus. Jis taip pat gali būti naudojamas kuriant savo pasirinktines šonines juostas „Google“ lapuose.

Šiame straipsnyje bus parodyta, kaip sukurti tinkintą šoninę juostą „Google“ skaičiuoklėse naudojant „Google Apps Script“ rengyklę.

Šoninės juostos kūrimas „Google“ skaičiuoklėse naudojant programų scenarijų

Jei norite sukurti tinkintą šoninę juostą, turite įvesti ir paleisti tam tikrą kodą programų scenarijaus rengyklėje. Tada galite kurti savo valdiklius šoninėje juostoje naudodami HTML, CSS ir Javascript kodus.

Pirmiausia atidarykite „Google“ lapus. „Google“ lapų meniu spustelėkite „Įrankiai“ ir pasirinkite „Scenarijaus rengyklė“.

Tai atidarys „Apps Script“ rengyklę naujame naršyklės skirtuke, kuriame galėsite įrašyti vartotojo sąsajos kodą.

Code.gs puslapyje parašykite šį kodą:

function onOpen() { SpreadsheetApp.getUi() .createMenu('Mano naujas meniu') .addItem('Mano šoninė juosta 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Šoninė juosta') .setTitle('Skaičiavimo šoninė juosta'); SpreadsheetApp.getUi() .showSidebar(html); }

Aukščiau pateiktame Code.gs scenarijaus kode „OnOpen()“ funkcija „Google“ lapų meniu juostoje sukuria pasirinktinį meniu „Mano naujas meniu“. Tame meniu bus meniu elementas „Mano šoninė juosta-1“. Spustelėjus šį meniu elementą, bus paleista funkcija showAdminSidebar() (antroji kodo dalis), o šoninė juosta bus rodoma dešinėje Google lapo lango pusėje.

Tada scenarijų rengyklėje turime sukurti HTML failą, o tada naudodami šį failą galite sukurti šoninę juostą.

Norėdami sukurti HTML failą, spustelėkite pliuso (+) piktogramą šalia Failai programų scenarijaus rengyklėje ir pasirinkite „HTML“.

Po Code.gs bus sukurtas HTML failas. Pervardykite failą į „Šoninę juostą“. Šis pavadinimas turėtų būti toks pat kaip ir tas, kuris pridėtas funkcijoje showSidebar() (var html = HtmlService.createHtmlOutputFromFile(‘Šoninė juosta’)).

Failo Sidebar.html skiltyje įrašykite šį kodą:

Tai mano nauja šoninė juosta

Aukščiau pateiktame kode rodoma teksto eilutė „Tai mano nauja šoninė juosta“ ir mygtukas „Uždaryti“, kuris uždaro šoninę juostą, kai ją spustelėsite.

Kai baigsite rašyti anksčiau pateiktą kodą Sidebar.html skiltyje, jame turėtų būti šis kodas:

Tai mano nauja šoninė juosta.

Ekrano kopija:

Kai baigsite įvesti abu kodus, išsaugokite projektą spustelėdami išsaugojimo piktogramą įrankių juostoje (žr. toliau pateiktą ekrano kopiją). Tada paleiskite funkcijas spustelėdami piktogramą "Vykdyti".

Nesvarbu, ar paleidžiate scenarijų čia, ar pasirenkate tinkintą meniu elementą „Google“ lapų įrankių juostoje (pirmą kartą), „Google“ paprašys leisti paleisti scenarijų. Kadangi naudojate trečiosios šalies tinkintą valdiklį, „Google“ paprašys jūsų leidimo. Kai patvirtinsite scenarijų, „Google“ lape bus rodoma šoninė juosta.

Kaip įgalioti programų scenarijaus kodą „Google“.

Norėdami įgalioti tinkintą scenarijų, atlikite šiuos veiksmus:

Kai paleisite scenarijų, „Google“ paprašys pasirinkti „Google“ paskyrą. Kai jį pasirinksite, pasirodys nedidelis iššokantis langas, kuriame spustelėkite „Peržiūrėti leidimus“.

Atsiras kitas iššokantis langas, čia pasirinkite „Rodyti išplėstinius“ ir spustelėkite „Eiti į projektą be pavadinimo (nesaugus)“ (bus rodomas jūsų projekto pavadinimas).

Kitame lange spustelėkite „Leisti“ ir „Google“ lapas paleis jūsų scenarijų.

Kai tai padarysite, grįžkite į „Google“ lapą ir atnaujinkite jį. Naujas pasirinktinis meniu (Mano naujas meniu) bus pridėtas prie jūsų „Google“ lapo įrankių juostos, kurią įtraukėme naudodami Code.gs scenarijų. Spustelėkite „Mano naujas meniu“ ir pasirinkite meniu elementą „Mano šoninė juosta 1“, kad būtų rodoma šoninė juosta.

Dabar jūsų pasirinkta šoninė juosta bus rodoma dešinėje jūsų „Google“ lapo pusėje su tekstu ir mygtuku, kurį pridėjome (kaip parodyta toliau). Kai paspausite mygtuką, šoninė juosta bus uždaryta.

Na, dabar jūs žinote, kaip sukurti savo šoninę juostą „Google“ lapuose.