Xin chào các bạn! Trong bài viết này, tôi sẽ chỉ cho bạn cách làm việc với Google Sheets ngay trong Confluence.
Đúng rồi, chỉnh sửa Google Sheets ngay trong Confluence. Thật tuyệt đúng không nào?
Trong hướng dẫn này, tôi sẽ làm việc với Google sheet ước tính cho một sản phẩm kỹ thuật số tưởng tượng.
Mục tiêu: Nhúng Google Sheet vào trang Confluence
Sau khi hoàn thành các bước dưới đây, chúng ta sẽ có một bố cục trông giống như sau.
Ok, bây giờ chúng ta bắt đầu.
Trong hướng dẫn này, tôi sẽ sử dụng phiên bản nằm trên đám mây của Atlassian. Lý do tôi nhấn mạnh điều này là macro cho phép chúng ta nhúng Google Sheet vào trang Confluence được gọi là ‘iFrame’ macro. Tuy nhiên, tôi đã thấy một số phiên bản tự lưu trữ cũ hơn của Confluence không bao gồm macro ‘iFrame’. Để vượt qua vấn đề này, tôi đã sử dụng macro HTML của Bob Swift để đạt được kết quả mong muốn. Hướng dẫn này sẽ chỉ tập trung vào việc sử dụng macro iFrame của Confluence. Tuy nhiên, nếu bạn không có macro này, tôi khuyến khích bạn tìm một Add-on thay thế. Sau khi cài đặt Add-on, quy trình được mô tả dưới đây tương tự cho cả hai lựa chọn.
1. Tạo trang chứa Google Sheet của bạn
Nếu bạn chưa tạo một trang riêng để chứa Google Sheet của bạn, hãy tạo một trang mới.
2. Thêm macro iFrame cần thiết vào trang Confluence
Từ hộp thoại của macro, tìm kiếm “iFrame” ở góc trên bên phải của cửa sổ hiển thị.
Nếu bạn thấy tùy chọn macro ‘iFrame’, hãy chọn nó. Nếu bạn không thấy tùy chọn này, có thể bạn cần liên hệ với quản trị viên Confluence để xem xem macro có sẵn không, hoặc bạn có thể cài đặt một macro bổ sung như macro HTML của Bob Swift để giải quyết vấn đề.
3. Thêm URL vào Google Sheet của bạn
Khi bạn ở chế độ chỉnh sửa trang Confluence, chỉnh sửa macro iFrame và dán URL của Google Sheet vào trường URL của cửa sổ hiển thị macro. Sau khi dán URL, nhấp vào tùy chọn “Xem trước” để xem trước Google Sheet của bạn và đảm bảo rằng bảng được nhúng chính xác. Nếu bạn không thấy trước, hãy kiểm tra xem bạn đã sao chép đầy đủ URL chưa và kiểm tra xem bạn có quyền xem Google Sheet thực tế không. Nếu bạn thấy trước Google Sheet, tuyệt vời! Đừng lo lắng về việc bảng nhỏ được hiển thị, chúng ta sẽ sửa điều đó trong thời gian sớm nhất.
Sau khi bảng được hiển thị thành công trong cửa sổ xem trước, hãy lưu macro và sau đó lưu trang Confluence cha.
Bạn sẽ được hiển thị một bố cục giống như hình minh họa dưới đây. Bây giờ chúng ta sẽ sửa các vấn đề về kích thước rõ ràng. Có 3 điều tôi muốn giải quyết.
- Chiều rộng: Chúng ta muốn bảng Google được trình bày toàn màn hình.
- Chiều cao: Chúng ta muốn hiển thị nhiều bảng Google như có thể trên trang Confluence, đặc biệt là dễ dàng truy cập vào các tab bảng dưới cùng.
- Viền iFrame: Cá nhân tôi không thích viền mặc định, vì vậy hãy xóa nó đi.
Để sửa các vấn đề này, hãy quay trở lại chế độ chỉnh sửa của macro iFrame.
-
Để sửa chiều rộng, thêm “100%” vào trường nhập “Width”. Điều này đảm bảo rằng Google Sheet sẽ lấp đầy chiều rộng có sẵn trong trang Confluence cha.
-
Để sửa chiều cao, bạn có thể nghĩ rằng bạn có thể thêm “100%” vào trường nhập “Height”. Tuy nhiên, vì một lý do nào đó, điều đó không hoạt động. Bạn có thể thêm một giá trị pixel như 500 px. Hạn chế của phương pháp này là iFrame của bạn có chiều cao cố định. Giao diện có thể trông tuyệt vời trên máy tính xách tay của bạn, nhưng khi bạn chuyển sang một màn hình máy tính để bàn lớn hơn, bạn muốn thấy nhiều hơn 500 px chiều cao của Google Sheet đã nhúng. Cách giúp tôi giải quyết vấn đề này là sử dụng đơn vị chiều cao của CSS là “vh”. Thuộc tính này chia chiều cao của trình duyệt thành 100 đơn vị. Bạn sau đó chỉ định số đơn vị mà bạn muốn trả về. Ví dụ: “chiều cao: 50vh” sẽ chiếm 50% chiều cao của trình duyệt. Sau một số thử nghiệm, tôi nhận ra rằng “chiều cao: 75vh” là một giá trị phù hợp. Tuy nhiên, bạn có thể muốn sử dụng một con số khác. Thêm giá trị này vào trường nhập “inline style” bao gồm thuộc tính “chiều cao” phân cách bằng dấu hai chấm. Vì vậy, thêm “chiều cao: 75vh” như hình dưới đây.
Cuối cùng, chúng ta sẽ xóa viền mặc định của iFrame. Thêm “0” vào trường nhập “Frame Border” như dưới đây.
Lưu cả hai macro và trang Confluence cha và bây giờ bạn đã có bố cục như ý muốn.
Trước khi kết thúc, tôi muốn nói ngắn gọn về quyền truy cập vào Google Sheet. Hãy đảm bảo bạn suy nghĩ về ai sẽ xem trang Confluence này và liệu họ có quyền xem Google Sheet thực tế không? Nếu không, họ sẽ không thể xem Google Sheet được nhúng trong Confluence. Nếu bạn chỉ chia sẻ bảng với một số người dùng cụ thể, thì những người đó sẽ phải đăng nhập đồng thời vào trình duyệt với tài khoản Google tương ứng mà bạn đã chia sẻ bảng, và đăng nhập vào Confluence. Nếu bạn thiết lập bảng của mình để hiển thị cho bất kỳ ai có liên kết, thì bất kỳ ai có quyền xem trang Confluence của bạn đều có thể nhìn thấy Google Sheet đã nhúng.
Nếu bạn thích bài viết này, hãy xem hướng dẫn liên quan về cách tạo bảng điều khiển tùy chỉnh thời gian thực trong Confluence.
Như thường lệ, hy vọng bạn thấy bài viết này hữu ích. Nếu bạn có bạn bè hoặc đồng nghiệp nào cũng sẽ thích bài viết này, hãy chia sẻ nó với họ!
Nếu bạn có bất kỳ câu hỏi hoặc ý kiến nào, hãy để lại chúng ở phần bình luận bên dưới. Tôi sẽ trả lời bạn sớm nhất có thể.
Liam
