Η πλαϊνή γραμμή είναι ένα στοιχείο διεπαφής χρήστη (μια μικρή κατακόρυφη περιοχή) που εμφανίζεται είτε στα αριστερά ή στα δεξιά του μεγαλύτερου παραθύρου ή στην οθόνη του χρήστη για να εμφανίσει σχετικές πληροφορίες ή μια λίστα επιλογών ή επιλογών πλοήγησης.
Η πλαϊνή γραμμή στα φύλλα Google είναι ένας πίνακας διεπαφής χρήστη που εμφανίζεται στη δεξιά πλευρά των Φύλλων Google. Η Google παρέχει ένα ενσωματωμένο πρόγραμμα επεξεργασίας σεναρίων που ονομάζεται Apps Script, το οποίο μπορεί να δημιουργήσει διάφορα πρόσθετα και στοιχεία για εφαρμογές G-Suite. Μπορεί επίσης να χρησιμοποιηθεί για τη δημιουργία των δικών σας προσαρμοσμένων πλευρικών γραμμών στα φύλλα Google.
Αυτό το άρθρο θα σας δείξει πώς να δημιουργήσετε μια προσαρμοσμένη πλευρική γραμμή στα Φύλλα Google χρησιμοποιώντας το πρόγραμμα επεξεργασίας σεναρίων Google Apps.
Δημιουργία SideBar στα Φύλλα Google χρησιμοποιώντας το Σενάριο Εφαρμογών
Εάν θέλετε να δημιουργήσετε μια προσαρμοσμένη πλευρική γραμμή, πρέπει να εισαγάγετε και να εκτελέσετε συγκεκριμένο κώδικα στο πρόγραμμα επεξεργασίας σεναρίου εφαρμογών. Στη συνέχεια, μπορείτε να δημιουργήσετε τα δικά σας γραφικά στοιχεία στην πλαϊνή γραμμή χρησιμοποιώντας κώδικες HTML, CSS και Javascript.
Αρχικά, ανοίξτε τα φύλλα Google. Στο μενού φύλλων Google, κάντε κλικ στην επιλογή «Εργαλεία» και επιλέξτε «Επεξεργαστής σεναρίων».
Αυτό θα ανοίξει το πρόγραμμα επεξεργασίας σεναρίου εφαρμογών σε μια νέα καρτέλα του προγράμματος περιήγησής σας, όπου μπορείτε να γράψετε τον κωδικό διεπαφής χρήστη.
Γράψτε τον παρακάτω κώδικα στη σελίδα Code.gs:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Το νέο μου μενού') .addItem('Η πλαϊνή γραμμή μου 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Calculation Sidebar'); SpreadsheetApp.getUi() .showSidebar(html); }
Στον παραπάνω κώδικα δέσμης ενεργειών Code.gs, η συνάρτηση OnOpen() δημιουργεί ένα προσαρμοσμένο μενού που ονομάζεται "Το νέο μου μενού" στη γραμμή μενού των φύλλων Google. Αυτό το μενού θα περιέχει ένα στοιχείο μενού που ονομάζεται "My sidebar-1". Όταν κάνετε κλικ σε αυτό το στοιχείο μενού, η συνάρτηση showAdminSidebar() (το δεύτερο μέρος του κώδικα) θα εκτελεστεί και η πλαϊνή γραμμή θα εμφανίζεται στη δεξιά πλευρά του παραθύρου του φύλλου Google.
Στη συνέχεια, πρέπει να δημιουργήσουμε ένα αρχείο HTML στον επεξεργαστή Script και, στη συνέχεια, με αυτό το αρχείο, μπορείτε να δημιουργήσετε την πλαϊνή γραμμή.
Για να δημιουργήσετε το αρχείο HTML, κάντε κλικ στο εικονίδιο συν (+) δίπλα στο πρόγραμμα επεξεργασίας σεναρίου Αρχείων στο Apps και επιλέξτε "HTML".
Αυτό θα δημιουργήσει ένα αρχείο HTML κάτω από το Code.gs. Μετονομάστε το αρχείο σε "Sidebar". Αυτό το όνομα θα πρέπει να είναι ίδιο με αυτό που προστέθηκε στη συνάρτηση showSidebar() (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).
Γράψτε τον ακόλουθο κώδικα στην ενότητα του αρχείου Sidebar.html:
Αυτή είναι η νέα μου Sidebar
Ο παραπάνω κωδικός εμφανίζει τη συμβολοσειρά κειμένου "Αυτό είναι το νέο μου Sidebar" και το κουμπί "Κλείσιμο" που κλείνει την πλαϊνή γραμμή όταν κάνετε κλικ σε αυτήν.
Αφού ολοκληρώσετε τη σύνταξη του παραπάνω κώδικα στην ενότητα του Sidebar.html, θα πρέπει να περιέχει τον ακόλουθο κώδικα:
Αυτή είναι η νέα μου Sidebar.
Το στιγμιότυπο οθόνης:
Όταν ολοκληρώσετε την εισαγωγή και των δύο κωδικών, αποθηκεύστε το έργο κάνοντας κλικ στο εικονίδιο αποθήκευσης στη γραμμή εργαλείων (δείτε το παρακάτω στιγμιότυπο οθόνης). Στη συνέχεια, εκτελέστε τις λειτουργίες κάνοντας κλικ στο εικονίδιο «Εκτέλεση».
Είτε εκτελείτε το σενάριο εδώ είτε επιλέξετε το προσαρμοσμένο στοιχείο μενού στη γραμμή εργαλείων των φύλλων Google (για πρώτη φορά), η Google θα σας ζητήσει να εξουσιοδοτήσετε το σενάριο για εκτέλεση. Εφόσον εκτελείτε ένα προσαρμοσμένο γραφικό στοιχείο τρίτου μέρους, η Google θα ζητήσει την εξουσιοδότησή σας. Μόλις εξουσιοδοτήσετε το σενάριο, θα εμφανίσει την πλαϊνή γραμμή στο φύλλο σας Google.
Πώς να εξουσιοδοτήσετε τον κώδικα σεναρίου εφαρμογών στο Google
Για να εξουσιοδοτήσετε το προσαρμοσμένο σενάριο ακολουθήστε αυτά τα βήματα:
Μόλις εκτελέσετε το σενάριο, η Google θα σας ζητήσει να επιλέξετε τον λογαριασμό σας στο Google. Αφού το επιλέξετε, θα εμφανιστεί ένα μικρό αναδυόμενο παράθυρο, στο οποίο κάντε κλικ στην επιλογή «Έλεγχος δικαιωμάτων».
Θα εμφανιστεί ένα άλλο αναδυόμενο παράθυρο, εδώ επιλέξτε «Εμφάνιση για προχωρημένους» και κάντε κλικ στο «Μετάβαση στο έργο χωρίς τίτλο (μη ασφαλές)» (θα εμφανίσει το όνομα του έργου σας).
Στο επόμενο παράθυρο, κάντε κλικ στο «Να επιτρέπεται» και το φύλλο Google θα εκτελέσει το σενάριό σας.
Αφού το κάνετε αυτό, επιστρέψτε στο φύλλο Google και ανανεώστε το. Το νέο προσαρμοσμένο μενού (Το νέο μου μενού) θα προστεθεί στη γραμμή εργαλείων φύλλου Google, το οποίο προσθέσαμε μέσω του σεναρίου Code.gs. Κάντε κλικ στο «Το νέο μου μενού» και επιλέξτε το στοιχείο μενού «Η πλαϊνή μπάρα μου 1» για να εμφανιστεί η πλευρική γραμμή.
Τώρα η προσαρμοσμένη πλαϊνή γραμμή σας θα εμφανιστεί στη δεξιά πλευρά του φύλλου Google με το κείμενο και το κουμπί που προσθέσαμε (όπως φαίνεται παρακάτω). Όταν κάνετε κλικ στο κουμπί, η πλαϊνή γραμμή θα κλείσει.
Λοιπόν, τώρα ξέρετε πώς να δημιουργήσετε τη δική σας πλαϊνή γραμμή στα φύλλα Google.