Chia sẻ qua

Tùy chọn kiểm soát Văn bản HTML trong Power Apps

  • Bài viết

Hộp hiển thị văn bản và chuyển đổi các thẻ HTML thành định dạng.

Mô tả

Tùy chọn kiểm soát Văn bản HTML không chỉ hiển thị số và văn bản thuần túy mà còn chuyển đổi các thẻ HTML, chẳng hạn như dấu cách không ngắt dòng.

Lưu ý

Điều khiển văn bản HTML giả định rằng HtmlText đã được định vị tương đối. Nếu bạn cần sử dụng vị trí tuyệt đối cho văn bản HTML của mình, hãy bọc văn bản xung quanh một div được định vị tương đối. Ví dụ: "<div style='position:relative'>" & varPageContent & "</div>"

Lưu ý

Đối với một số thành phần HTML, kiểu trình duyệt mặc định có thể bị xóa. Ví dụ: đối với danh sách HTML (<ul>, <ol>), bạn sẽ cần phải viết kiểu nội tuyến của riêng mình để lấy lại kiểu dáng mặc định. Ví dụ:

<ul style='display: block;
           list-style-type: disc;
           margin-block-start: 1em;
           margin-block-end: 1em;
           margin-inline-start: 0px;
           margin-inline-end: 0px;
           padding-inline-start: 40px;'>
  ...
</ul>

Thuộc tính khóa

Color – Màu văn bản trong tùy chọn kiểm soát.

Font – Tên của họ phông chữ mà văn bản hiển thị.

HtmlText – Văn bản xuất hiện trong tùy chọn kiểm soát văn bản HTML và có thể chứa các thẻ HTML.

Thuộc tính bổ sung

BorderColor – Màu viền của tùy chọn kiểm soát.

BorderStyle – Liệu viền của tùy chọn kiểm soát là Nét liền, Nét đứt, Chấm chấm hay Không có.

BorderThickness – Độ dày viền của tùy chọn kiểm soát.

DisplayMode – Liệu tùy chọn kiểm soát này sẽ cho phép người dùng nhập (Chỉnh sửa), chỉ hiển thị dữ liệu (Xem) hay tắt (Tắt).

DisabledBorderColor – Màu viền của tùy chọn kiểm soát nếu thuộc tính DisplayMode của tùy chọn kiểm soát được đặt thành Tắt.

DisabledFill – Màu nền của tùy chọn kiểm soát nếu thuộc tính DisplayMode được đặt thành Tắt.

Fill – Màu nền của tùy chọn kiểm soát.

Height – Khoảng cách giữa cạnh trên cùng và cạnh dưới cùng của tùy chọn kiểm soát.

HoverBorderColor – Màu viền của tùy chọn kiểm soát khi người dùng giữ con trỏ chuột trên tùy chọn kiểm soát đó.

OnSelect – Các thao tác cần thực hiện khi người dùng chạm hoặc chọn một tùy chọn điều khiển.

Lưu ý

OnSelect bị bỏ qua đối với các siêu liên kết trong nội dung được tham chiếu bên trong thuộc tính HtmlText.

PaddingBottom – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh dưới cùng của tùy chọn kiểm soát đó.

PaddingLeft – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh trái của tùy chọn kiểm soát đó.

PaddingRight – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh phải của tùy chọn kiểm soát đó.

PaddingTop – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh dưới cùng của tùy chọn kiểm soát đó.

Size – Cỡ phông chữ của văn bản xuất hiện trên tùy chọn kiểm soát.

Tooltip – Văn bản giải thích xuất hiện khi người dùng di chuột qua tùy chọn kiểm soát.

Visible – Liệu tùy chọn kiểm soát sẽ hiển thị hay bị ẩn.

Width – Khoảng cách giữa cạnh trái và cạnh phải của tùy chọn kiểm soát.

X – Khoảng cách giữa cạnh trái của tùy chọn kiểm soát và cạnh trái của vùng chứa chính (màn hình nếu không có vùng chứa chính).

Y – Khoảng cách giữa cạnh trên cùng của tùy chọn kiểm soát và cạnh trên cùng của vùng chứa chính (màn hình nếu không có vùng chứa chính).

Find( FindString, WithinString )

Ví dụ

  1. Thêm tùy chọn kiểm soát Label, đặt tên là Nguồn, rồi đặt thuộc tính Văn bản thành chuỗi sau:

    "<p>Chúng tôi đã&nbsp;thực hiện &quot;toàn cầu hóa&quot; và nội địa hóa sâu sắc một cách bất thường.<p>"

    Bạn không biết cách thêm, đặt tên và đặt cấu hình tùy chọn kiểm soát?

  2. Thêm tùy chọn kiểm soát Văn bản HTML và đặt thuộc tính HtmlText thành giá trị sau:
    Source.Text

    Tùy chọn kiểm soát Văn bản HTML hiển thị văn bản giống như tùy chọn kiểm soát Label nhưng chuyển đổi các thẻ thành ký tự thích hợp.

Hướng dẫn hỗ trợ tiếp cận

ARIA ánh xạ cho các phần tử bên trong điều khiển văn bản HTML không được xác định tự động bởi Power Apps.

Độ tương phản màu

Phải có độ tương phản màu thích hợp giữa:

  • Color và Fill
  • Văn bản với màu và nền tùy chỉnh

Hỗ trợ bàn phím

  • Điều khiển không thể hoạt động như một nút. Điều khiển không có TabIndex và người dùng bàn phím sẽ không thể tập trung vào nó.
  • Điều khiển có thể chứa các phần tương tác trong các phần tử HtmlText like <a> , nhưng phải bật cài đặt ứng dụng ** Chỉ mục tab đơn giản hóa" . Nếu không, thứ tự điều hướng tab sẽ bị sai.

Lưu ý

Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)

Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).