Tùy chỉnh giao diện sẵn có

Với ứng dụng Trình tùy chỉnh Viindoo bạn có thể tự thực hiện điều chỉnh các giao diện có sẵn trên các ứng dụng thuộc phần mềm quản trị doanh nghiệp Viindoo theo ý muốn bằng những thao tác đơn giản mà không cần hiểu sâu về kỹ thuật. Bài viết này sẽ hướng dẫn bạn các thao tác tùy chỉnh một giao diện có sẵn bằng ứng dụng Trình tùy chỉnh Viindoo.

Mô đun cần cài đặt

Để thao tác theo hướng dẫn trong bài viết, bạn cần cài đặt ứng dụng sau:

Để thực hiện tùy chỉnh một giao diện có sẵn, bạn truy cập ứng dụng Trình tùy chỉnh Viindoo bằng cách bấm vào biểu tượng bánh răng như ảnh.

Truy cập ứnng dụng Trình tùy chỉnh Viindoo

Chỉnh sửa menu

Để chỉnh sửa menu của một ứng dụng, bạn truy cập vào ứng dụng đó trên giao diện tùy chỉnh và nhấn vào Chỉnh sửa menu.

Bấm nút chỉnh sửa menu

Một cửa sổ pop-up hiện ra, tại đây bạn sẽ xem được tất cả các menu chính và menu phụ của ứng dụng. Bạn có thể xóa một menu bằng cách ấn vào biểu tượng thùng rác màu đỏ và chỉnh sửa một menu bằng cách ấn vào biểu tượng chỉnh sửa màu tím. Để thay đổi thứ tự của các menu, bạn nhấn vào menu cần di chuyển, giữ và kéo nó đến vị trí mong muốn.

Thiết lập menu con

Để tạo một menu mới, bấm Thêm một mục menu mới. Một cửa sổ pop-up hiện ra để bạn thiết lập thông tin cho menu mới như sau:

Giao diện tùy chỉnh mennu Thêm một menu mới
  • Menu: Điền tên cho menu.

  • Hành động: Chọn một hành động trong các hành động sau. Các hành động này sẽ xác định hành vi của hệ thống nhằm phản hồi lại hành động của người dùng.

    ../../_images/4-hanh-dong-menu.vi.jpg
    • Hành động báo cáo (ir.actions.report): Hành động này sẽ kích hoạt việc in một báo cáo. Chọn loại báo cáo cần in tại trường trống bên cạnh.

    • Hành động mở cửa sổ (ir.actions.act_window): Hành động này sẽ kích hoạt việc mở các bản ghi cụ thể của một đối tượng (model). Chọn một đối tượng cụ thể tại trường tróng bên cạnh để khi bấm vào menu này thì các bản ghi của đối tượng đó được mở ra.

    • Hành động URL (ir.actions.act_url): Hành động này sẽ cho phép mở một liên kết đến một trang web. Chọn và thiết lập trang web đích tại trường trống bên cạnh.

    • Hành động của máy chủ (ir.actions.server): Hành động được máy chủ thực hiện khi được kích hoạt, được sử dụng để thực hiện các tính toán phức tạp, các hành động hàng loạt, tạo các báo cáo động hay tương tác với một dịch vụ bên ngoài thông qua API. Chọn hoặc tạo mới một hành động cụ thể của máy chủ tại trường trống bên cạnh.

    • Hành động của khách hàng (ir.actions.client): Hành động này dùng để kích hoạt một hành động được thực hiện hoàn toàn trong máy khách. Ví dụ như mở một cửa sổ mới, hiển thị hoặc thông báo một cảnh báo, tạo và hiển thị các báo cáo động, v.v. Chọn hoặc tạo mới một hành động khách hàng tại trường trống bên cạnh.

  • Tab Quyền truy cập: Tại đây bạn có thể thiết lập quyền truy cập cho menu này.

  • Tab Menu con: Tại đây, bạn thiết lập các menu con cho menu đang thiết lập. Bạn cần bật chế độ nhà phát triển để thiết lập menu con cho menu này.

Thiết lập menu con

Chỉnh sửa trường

Sửa vị trí của trường

Trên giao diện biểu mẫu

Bạn có thể sửa đổi vị trí của một trường bằng cách nhấn và giữ trường sau đó kéo trường đó đến vị trí mong muốn.

Sửa vị trí của trường

Trên giao diện danh sách

Bạn có thể sửa đổi vị trí của một trường bằng cách nhấn và giữ trường sau đó kéo trường đó đến vị trí mong muốn.

Sửa vị trí của trường

Sửa thuộc tính của trường

Để chỉnh sửa thuộc tính của trường, bạn bấm trực tiếp vào trường đó. Tại bảng tùy chỉnh bên trái màn hình, bạn chỉnh sửa các thuộc tính của trường:

Sửa thuộc tính của trường
  • Kiểm soát thuộc tính của trường: Bạn có thế sửa đổi thuộc tính của trường theo một trong các tùy chọn sau:

    • Ẩn: Được sử dụng để ẩn trường trên giao diện người dùng. Khi một trường được đặt là Ẩn, nghĩa là trường đó không hiển thị cho người dùng, không xuất hiện trên màn hình. Điều này thường được sử dụng để điều chỉnh giao diện dựa trên các điều kiện hoặc logic khác nhau. Ví dụ, một trường có thể được đặt là Ẩn dựa trên giá trị của một trường khác hoặc các điều kiện logic phức tạp. Điều này cho phép điều chỉnh giao diện và hiển thị các trường chỉ khi điều kiện thỏa mãn, cung cấp trải nghiệm người dùng linh hoạt hơn. Bạn có thể thiết lập điều kiện để trường bị ẩn bằng cách bấm vào Điều kiện.

      Thiết lập điều kiện

      Sau đó bấm Quy tắc mới để thiết lập điều kiện.

      Thêm điều kiện
    • Yêu cầu: Được sử dụng để chỉ định rằng một trường phải được điền trước khi ghi dữ liệu vào một bản ghi. Khi một trường được đặt là Yêu cầu, người dùng sẽ không thể lưu hoặc tạo mới một bản ghi mà không điền giá trị cho trường đó. Bạn cũng có thể thiết lập điều kiện để trường này phải bắt buộc nhập như hướng dẫn thêm điều kiện bên trên.

    • Chỉ đọc: Được sử dụng để chỉ định rằng một trường chỉ có thể đọc và không thể chỉnh sửa. Khi một trường được đặt là Chỉ đọc, người dùng chỉ có thể xem giá trị của trường đó mà không thể thay đổi nó. Tương tự như 2 thuộc tính trên, bạn cũng có thể thiết lập điều kiện chỉ đọc cho trường.

  • Nhãn: Nhãn của trường được sử dụng để hiển thị tên của trường trên giao diện người dùng. Bạn có thể chỉnh sửa nhãn của trường tại đây.

  • Chú giải: Được sử dụng để cung cấp thông tin bổ sung khi người dùng di chuột qua một phần tử trên giao diện người dùng, chẳng hạn như một trường hoặc một nút. Chú giải cung cấp các gợi ý, mô tả hoặc giải thích về chức năng hoặc ý nghĩa của phần tử đó. Bạn có thể thêm chú giải hoặc chỉnh sửa chú giải của một trường có sẵn tại đây.

  • Widget: Chỉnh sửa widget của trường tại đây nếu bạn muốn. Đọc thêm về wedget trong Viindoo tại bài viết Giới thiệu về Trường, Widget và Giao diện.

  • Miền: thuộc tính miền của một trường được sử dụng để xác định tập hợp các bản ghi mà trường đó áp dụng. Miền giúp hạn chế dữ liệu hiển thị và sử dụng trên giao diện người dùng dựa trên các điều kiện hoặc ràng buộc cụ thể. Ví dụ, bạn có một model trong Viindoo để quản lý danh sách khách hàng, và bạn muốn áp dụng một miền trên trường Địa chỉ sao cho chỉ hiển thị các địa chỉ ở thành phố New York thì bạn sẽ thiết lập điều kiện đó tại đây. Bấm vào Miền sau đó bấm Quy tắc mới để thiết lập miền cho trường.

Thiết lập miền cho trường
  • Giới hạn khả năng hiển thị cho các nhóm: Tại đây, bạn có thể thiết lập hoặc thay đổi giới hạn hiển thị của trường cho một nhóm người dùng cụ thể. Đọc thêm về điều chỉnh phân quyền cho trường tại bài viết Phân quyền trong ứng dụng Trình tùy chỉnh Viindoo.

Thêm một trường mới vào một giao diện có sẵn

Bạn có thể hiển thị các trường có sẵn trên giao diện biểu mẫu hoặc danh sách bằng ứng dụng Tùy chỉnh Viindoo. Trong thanh tìm kiếm của tùy chỉnh, tìm kiếm tên của trường cần thiết rồi kéo trường đó vào vị trí mong muốn trên giao diện.

Trên giao diện biểu mẫu

Kéo trường mới vào giao diện

Trên giao diện danh sách

Kéo trường mới vào giao diện

Xem thêm

Để tạo thêm trường mới và hiển thị nó trên giao diện, hãy xem hướng dẫn tại Tạo ứng dụng mới bằng Viindoo Customizer.

Gỡ bỏ một trường khỏi một giao diện

Để gỡ bỏ một trường tại một giao diện, bạn bấm vào trường cần loại bỏ và bấm Gỡ.

Xóa một trường bằng ứng dụng Trình tùy chỉnh Viindoo

Hệ thống sẽ đưa ra thông báo như sau:

Xác nhận xóa một trường

Bạn bấm Đồng ý để xóa trường được chọn ra khỏi chế độ xem của giao diện hiện tại. Lưu ý rằng trường này sẽ không bị xóa hoàn toàn và bạn vẫn có thể đưa lại trường đó vào giao diện bằng cách tìm trường và kéo nó đến vị trí mong muốn.

Ghi chú

Đối với các thay đổi khi chỉnh sửa trường, bạn có thể thực hiện hoàn tác lại các thay đổi bằng bấm vào các nút hoàn tác.

Các nút hoàn tác