Kenar çubuğu, daha büyük pencerenin solunda veya sağında ya da kullanıcı ekranında ilgili bilgileri veya seçenekler listesini veya gezinme seçeneklerini görüntülemek için görünen bir kullanıcı arabirimi öğesidir (küçük bir dikey alan).
Google sayfalarındaki kenar çubuğu, Google E-Tablolar'ın sağ tarafında görüntülenen bir kullanıcı arayüzü panelidir. Google, G-Suite uygulamaları için çeşitli eklentiler ve öğeler oluşturabilen Apps Komut Dosyası adlı yerleşik bir komut dosyası düzenleyicisi sağlar. Google sayfalarında kendi özel kenar çubuklarınızı oluşturmak için de kullanılabilir.
Bu makale, Google Apps Komut Dosyası düzenleyicisini kullanarak Google E-Tablolar'da nasıl özel bir kenar çubuğu oluşturacağınızı gösterecektir.
Apps Komut Dosyasını kullanarak Google E-Tablolar'da Kenar Çubuğu Oluşturma
Özel bir kenar çubuğu yapmak istiyorsanız, Apps Komut Dosyası düzenleyicisinde belirli bir kodu girip çalıştırmanız gerekir. Ardından HTML, CSS ve Javascript kodlarını kullanarak kenar çubuğunda kendi widget'larınızı oluşturabilirsiniz.
İlk önce, Google sayfalarını açın. Google sayfalar menüsünde "Araçlar"ı tıklayın ve "Komut dosyası düzenleyicisi"ni seçin.
Bu, tarayıcınızın kullanıcı arayüzü kodunuzu yazabileceğiniz yeni bir sekmesinde Apps Komut Dosyası düzenleyicisini açar.
Code.gs sayfasına aşağıdaki kodu yazın:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Yeni Menüm') .addItem('Kenar çubuğum 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Hesaplama Kenar Çubuğu'); SpreadsheetApp.getUi() .showSidebar(html); }
Yukarıdaki Code.gs komut dosyası kodunda, OnOpen() işlevi, google sayfalar menü çubuğunda "Yeni Menüm" adlı özel bir menü oluşturur. Bu menü, 'Kenar çubuğum-1' adlı bir menü öğesini içerecektir. Bu menü öğesini tıkladığınızda, showAdminSidebar() işlevi (kodun ikinci kısmı) çalıştırılacak ve kenar çubuğu Google sayfa penceresinin sağ tarafında gösterilecektir.
Ardından, Script düzenleyicide bir HTML dosyası oluşturmamız gerekiyor ve ardından bu dosya ile kenar çubuğunu oluşturabilirsiniz.
HTML dosyasını oluşturmak için Apps Komut Dosyası düzenleyicisinde Dosyalar'ın yanındaki artı (+) simgesini tıklayın ve "HTML"yi seçin.
Bu, Code.gs'nin altında bir HTML dosyası oluşturacaktır. Dosyayı 'Kenar Çubuğu' olarak yeniden adlandırın. Bu ad, showSidebar() işlevinde eklenen adla aynı olmalıdır (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).
Sidebar.html dosyasının bölümüne aşağıdaki kodu yazın:
Bu benim yeni Kenar Çubuğum
Yukarıdaki kod, 'Bu benim yeni Kenar Çubuğum' metin dizesini ve üzerine tıklandığında kenar çubuğunu kapatan 'Kapat' düğmesini görüntüler.
Kenar çubuğu.html bölümünde yukarıdaki kodu yazmayı bitirdikten sonra, aşağıdaki kodu içermelidir:
Bu benim yeni Kenar Çubuğum.
Ekran görüntüsü:
Her iki kodu da girmeyi tamamladığınızda, araç çubuğundaki kaydet simgesine tıklayarak projeyi kaydedin (aşağıdaki ekran görüntüsüne bakın). Ardından, 'Çalıştır' simgesine tıklayarak işlevleri çalıştırın.
Komut dosyasını burada çalıştırsanız da, Google sayfaları araç çubuğundaki özel menü öğesini seçseniz de (ilk kez), Google komut dosyasını çalıştırmak için yetkilendirmenizi isteyecektir. Bir üçüncü taraf özel widget'ı çalıştırdığınız için google, yetkilendirmenizi isteyecektir. Komut dosyasını yetkilendirdikten sonra, Google sayfanızda kenar çubuğunu görüntüler.
Google'da Apps Komut Dosyası Kodu Nasıl Yetkilendirilir
Özel komut dosyanızı yetkilendirmek için şu adımları izleyin:
Komut dosyasını çalıştırdığınızda, Google sizden google hesabınızı seçmenizi isteyecektir. Seçtikten sonra, 'İzinleri gözden geçir'i tıklayan küçük bir açılır pencere görünecektir.
Başka bir açılır pencere görünecek, burada 'Gelişmiş Göster'i seçin ve 'Adsız projeye git (güvenli değil)' seçeneğini tıklayın (Proje adınızı gösterecektir).
Bir sonraki pencerede, 'İzin Ver'i tıklayın ve google sayfası komut dosyanızı çalıştıracaktır.
Bunu yaptıktan sonra, Google sayfanıza geri dönün ve yenileyin. Code.gs komut dosyası aracılığıyla eklediğimiz Google sayfa araç çubuğunuza yeni özel menü (Yeni Menüm) eklenecektir. Kenar çubuğunu görüntülemek için "Yeni Menüm"ü tıklayın ve "Kenar çubuğum 1" menü öğesini seçin.
Artık özel kenar çubuğunuz, google sayfanızın sağ tarafında, eklediğimiz metin ve düğmeyle (aşağıda gösterildiği gibi) görünecektir. Düğmeye tıkladığınızda, kenar çubuğu kapanacaktır.
Artık Google sayfalarında kendi kenar çubuğunuzu nasıl oluşturacağınızı biliyorsunuz.