Kā izveidot sānjoslu Google izklājlapās

Sānjosla ir lietotāja interfeisa elements (mazs vertikāls apgabals), kas tiek parādīts pa kreisi vai pa labi no lielākā loga vai lietotāja ekrānā, lai parādītu saistīto informāciju vai izvēļu vai navigācijas opciju sarakstu.

Google izklājlapu sānjosla ir lietotāja interfeisa panelis, kas tiek rādīts Google izklājlapu labajā pusē. Google nodrošina iebūvētu skriptu redaktoru Apps Script, kas var izveidot dažādus papildinājumus un elementus G-Suite lietojumprogrammām. To var izmantot arī, lai Google izklājlapās izveidotu pielāgotas sānjoslas.

Šajā rakstā tiks parādīts, kā pakalpojumā Google izklājlapas izveidot pielāgotu sānjoslu, izmantojot Google Apps Script redaktoru.

Sānjoslas izveide pakalpojumā Google izklājlapas, izmantojot Apps Script

Ja vēlaties izveidot pielāgotu sānjoslu, jums ir jāievada un jāpalaiž noteikts kods Apps Script redaktorā. Pēc tam sānjoslā varat izveidot savus logrīkus, izmantojot HTML, CSS un Javascript kodus.

Vispirms atveriet Google lapas. Google lapu izvēlnē noklikšķiniet uz "Rīki" un atlasiet "Skriptu redaktors".

Tādējādi jaunā pārlūkprogrammas cilnē tiks atvērts Apps Script redaktors, kurā varēsit ierakstīt lietotāja interfeisa kodu.

Lapā Code.gs ierakstiet šādu kodu:

function onOpen() { SpreadsheetApp.getUi() .createMenu('Mana jaunā izvēlne') .addItem('Mana sānjosla 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sānjosla') .setTitle('Aprēķinu sānjosla'); SpreadsheetApp.getUi() .showSidebar(html); }

Iepriekš minētajā Code.gs skripta kodā funkcija OnOpen() Google lapu izvēlņu joslā izveido pielāgotu izvēlni ar nosaukumu “Mana jaunā izvēlne”. Šajā izvēlnē būs izvēlnes vienums “Mana sānjosla-1”. Noklikšķinot uz šī izvēlnes vienuma, tiks izpildīta funkcija showAdminSidebar() (koda otrā daļa), un sānjosla tiks parādīta Google lapas loga labajā pusē.

Pēc tam mums ir jāizveido HTML fails skriptu redaktorā, un pēc tam ar šo failu varat izveidot sānjoslu.

Lai izveidotu HTML failu, noklikšķiniet uz plusa (+) ikonas blakus Faili Apps Script redaktorā un atlasiet HTML.

Tas izveidos HTML failu zem Code.gs. Pārdēvējiet failu par "Sānjoslu". Šim nosaukumam ir jābūt tādam pašam kā tam, kas pievienots funkcijā showSidebar() (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).

Faila Sidebar.html sadaļā ierakstiet šādu kodu:

Šī ir mana jaunā sānjosla

Iepriekš minētajā kodā tiek parādīta teksta virkne “Šī ir mana jaunā sānjosla” un poga “Aizvērt”, kas aizver sānjoslu, noklikšķinot uz tās.

Kad esat pabeidzis rakstīt iepriekš minēto kodu Sidebar.html sadaļā, tajā ir jāietver šāds kods:

Šī ir mana jaunā sānjosla.

Ekrānuzņēmums:

Kad esat pabeidzis abu kodu ievadīšanu, saglabājiet projektu, rīkjoslā noklikšķinot uz saglabāšanas ikonas (skatiet tālāk redzamo ekrānuzņēmumu). Pēc tam palaidiet funkcijas, noklikšķinot uz ikonas “Palaist”.

Neatkarīgi no tā, vai palaižat skriptu šeit vai atlasāt pielāgoto izvēlnes vienumu Google lapu rīkjoslā (pirmo reizi), Google lūgs jums atļaut skripta palaišanu. Tā kā jūs izmantojat trešās puses pielāgotu logrīku, Google pieprasīs jūsu atļauju. Pēc skripta autorizācijas jūsu Google lapā tiks parādīta sānjosla.

Kā autorizēt Apps skripta kodu Google tīklā

Lai autorizētu savu pielāgoto skriptu, veiciet šīs darbības:

Kad palaižat skriptu, Google lūgs jums izvēlēties savu Google kontu. Kad esat to atlasījis, tiks parādīts neliels uznirstošais logs, kurā noklikšķiniet uz “Pārskatīt atļaujas”.

Parādīsies vēl viens uznirstošais logs, šeit atlasiet “Rādīt papildu” un noklikšķiniet uz “Doties uz projektu bez nosaukuma (nedroši)” (tiks parādīts jūsu projekta nosaukums).

Nākamajā logā noklikšķiniet uz “Atļaut”, un Google lapa palaidīs jūsu skriptu.

Kad tas ir izdarīts, atgriezieties savā Google lapā un atsvaidziniet to. Jaunā pielāgotā izvēlne (Mana jaunā izvēlne) tiks pievienota jūsu Google lapas rīkjoslai, kuru pievienojām, izmantojot Code.gs skriptu. Noklikšķiniet uz "Mana jaunā izvēlne" un atlasiet izvēlnes vienumu "Mana sānjosla 1", lai parādītu sānjoslu.

Tagad jūsu pielāgotā sānjosla tiks parādīta jūsu Google lapas labajā pusē ar mūsu pievienoto tekstu un pogu (kā parādīts zemāk). Noklikšķinot uz pogas, sānjosla tiks aizvērta.

Tagad jūs zināt, kā Google izklājlapās izveidot savu sānjoslu.