Thanh bên là một phần tử giao diện người dùng (một vùng dọc nhỏ) xuất hiện ở bên trái hoặc bên phải của cửa sổ lớn hơn hoặc trên màn hình người dùng để hiển thị thông tin liên quan hoặc danh sách các lựa chọn hoặc các tùy chọn điều hướng.
Thanh bên trong Google Trang tính là một bảng điều khiển giao diện người dùng được hiển thị ở phía bên phải của Google Trang tính. Google cung cấp một trình soạn thảo tập lệnh tích hợp có tên Apps Script có thể tạo nhiều phần tử và tiện ích bổ sung khác nhau cho các ứng dụng G-Suite. Nó cũng có thể được sử dụng để tạo thanh bên tùy chỉnh của riêng bạn trong Google trang tính.
Bài viết này sẽ hướng dẫn bạn cách tạo thanh bên tùy chỉnh trong Google Trang tính bằng trình chỉnh sửa Google Apps Script.
Tạo SideBar trong Google Trang tính bằng Apps Script
Nếu bạn muốn tạo một thanh bên tùy chỉnh, bạn cần nhập và chạy một số mã nhất định trong trình chỉnh sửa Apps Script. Sau đó, bạn có thể tạo các widget của riêng mình trong sidebar bằng cách sử dụng mã HTML, CSS và Javascript.
Đầu tiên, hãy mở Google trang tính. Trong menu Google trang tính, nhấp vào "Công cụ" và chọn "Trình chỉnh sửa tập lệnh".
Thao tác đó sẽ mở trình chỉnh sửa Apps Script trong một tab mới của trình duyệt, nơi bạn có thể viết mã giao diện người dùng của mình.
Viết mã sau trong trang Code.gs:
function onOpen () {SpreadsheetApp.getUi () .createMenu ('My New Menu') .addItem ('My sidebar 1', 'showSidebar') .addToUi (); } function showSidebar () {var html = HtmlService.createHtmlOutputFromFile ('Thanh bên') .setTitle ('Thanh bên tính toán'); SpreadsheetApp.getUi () .showSidebar (html); }
Trong mã tập lệnh Code.gs ở trên, hàm OnOpen () tạo một menu tùy chỉnh có tên là ‘My New Menu’ trong thanh menu google sheet. Menu đó sẽ chứa một mục menu có tên là ‘Thanh bên của tôi-1’. Khi bạn nhấp vào mục menu này, hàm showAdminSidebar () (phần thứ hai của mã) sẽ được chạy và thanh bên sẽ được hiển thị ở phía bên phải của cửa sổ Google sheet.
Tiếp theo, chúng ta cần tạo một tệp HTML trong trình chỉnh sửa Tập lệnh, sau đó với tệp này, bạn có thể tạo thanh bên.
Để tạo tệp HTML, hãy nhấp vào biểu tượng dấu cộng (+) bên cạnh trình chỉnh sửa Tệp trong Apps Script và chọn ‘HTML’.
Thao tác này sẽ tạo một tệp HTML bên dưới Code.gs. Đổi tên tệp thành 'Thanh bên'. Tên này phải giống với tên được thêm vào trong hàm showSidebar () (var html = HtmlService.createHtmlOutputFromFile (‘Sidebar’)).
Viết mã sau trong phần của tệp Sidebar.html:
Đây là Thanh bên mới của tôi
Đoạn mã trên hiển thị chuỗi văn bản "Đây là Thanh bên mới của tôi" và nút "Đóng" đóng thanh bên khi nhấp vào nó.
Sau khi bạn viết xong đoạn mã trên trong phần của Sidebar.html, nó phải chứa đoạn mã sau:
Đây là Thanh bên mới của tôi.
Ảnh chụp màn hình:
Khi bạn nhập xong cả hai mã, hãy lưu dự án bằng cách nhấp vào biểu tượng lưu trong thanh công cụ (xem ảnh chụp màn hình bên dưới). Sau đó, chạy các chức năng bằng cách nhấp vào biểu tượng ‘Run’.
Cho dù bạn chạy tập lệnh tại đây hay bạn chọn mục menu tùy chỉnh trong thanh công cụ của Google trang tính (lần đầu tiên), Google sẽ yêu cầu bạn cho phép tập lệnh chạy. Vì bạn đang chạy tiện ích con tùy chỉnh của bên thứ ba, nên google sẽ yêu cầu bạn ủy quyền. Khi bạn cho phép tập lệnh, nó sẽ hiển thị thanh bên trong trang tính Google của bạn.
Cách cấp phép mã Apps Script trong Google
Để ủy quyền tập lệnh tùy chỉnh của bạn, hãy làm theo các bước sau:
Khi bạn chạy script, Google sẽ yêu cầu bạn chọn tài khoản google của mình. Sau khi bạn chọn nó, một cửa sổ bật lên nhỏ sẽ xuất hiện, trong đó nhấp vào "Xem lại quyền".
Một cửa sổ bật lên khác sẽ xuất hiện, tại đây chọn ‘Show Advanced’ và nhấp vào ‘Go to Untitled project (secure)’ (Nó sẽ hiển thị tên dự án của bạn).
Trong cửa sổ tiếp theo, nhấp vào 'Cho phép' và google sheet sẽ chạy tập lệnh của bạn.
Khi bạn đã làm xong, hãy quay lại trang tính Google của bạn và làm mới nó. Menu tùy chỉnh mới (My New Menu) sẽ được thêm vào thanh công cụ trang tính của Google của bạn, mà chúng tôi đã thêm vào thông qua tập lệnh Code.gs. Nhấp vào ‘Menu mới của tôi’ và chọn mục menu ‘Thanh bên của tôi 1’ để hiển thị thanh bên.
Bây giờ thanh bên tùy chỉnh của bạn sẽ hiển thị ở phía bên phải của trang tính google của bạn với văn bản và nút mà chúng tôi đã thêm (như được hiển thị bên dưới). Khi bạn nhấp vào nút, thanh bên sẽ bị đóng.
Giờ thì bạn đã biết cách tạo thanh bên của riêng mình trong Google trang tính.