Google sheet Apps script Web app – MODAL CURD HTML FORM

Giáo án link (giaoan.link) chia sẻ đến bạn project Google sheet Apps script Web app – MODAL CURD HTML FORM. Bạn sử dụng modal sẽ tạo một popup khi ta thao tác hàm hoặc click button. Trên cửa sổ hiện ra chúng ta có thể chèn form, thông báo hoặc các nội dung khác.

Điều kiện để bạn sử dụng modal này là phải sử dụng bootrap

Các bạn sử dụng code sau để bật modal, các vị trí cần thay đổi mình đã có ghi chú. Bạn có thể sử dụng code mẫu sau, xem video bên dưới để rõ hơn trong cách sử dụng.

Các project excel ứng dụng khác:

• Chuyển đổi Pdf dạng bản scan sang MS Excel chuẩn không bị lỗi font và giữ nguyên định dạng
• Chuyển định dạng file pdf dạng scan – dạng chụp hình ảnh sang MS Word định dạng chuẩn 99.9%
• Phím tắt vào BIOS và Boot Options của các hãng máy tính phổ biến
• Google sheet webapp | Form đăng ký Tự động gửi ID và QR code Check in qua địa chỉ mail
• Cách tắt Windows update và Windows Defender cực đơn giản
• Apsscript Radio Button và Input – Sự phụ thuộc của input vào Radio button
• Bạn sử dụng zalo và bị báo đầy ổ đĩa,phải làm sao
• Google sheet Webapp Login form Tocken quản lý phiên đăng nhập, gửi mail lấy lại thông tin đăng nhập
• Chuyển bảng dữ liệu từ file PDF vào Excel
• Google sheet Apps script Hệ thống duyệt hồ sơ sinh viên – Form nhập liệu, Login duyêt, gửi mail

Mã code tham khảo

 <!-- Star modal form -->
      <div >
      <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModal">NỘI DUNG BUTTON</button>
      </div>
      <div style="height:5px;"></div>
      <!-- The Modal -->
      <div class="modal" id="myModal">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
              <h4 class="modal-title">TIÊU ĐỀ MODAL</h4>
              <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <!-- Modal body -->
            <div class="modal-body">
              
               NỘI DUNG CẦN HIỂN THỊ TRÊN MODAL

            </div>             
            <div class="modal-footer">
              <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
            </div>          
          </div>
        </div>
      </div>
       <!-- End modal form -->   

Xem video hướng dẫn