Udostępnij przez


Kontrolka tekstu HTML w usłudze Power Apps

Pole zawierające tekst i konwertuje tagi HTML na formatowanie.

Description

Kontrolka tekstu HTML nie tylko wyświetla zwykły tekst i liczby, ale także konwertuje tagi HTML, takie jak spacje powodujące niezgodność.

Uwaga / Notatka

Kontrolka tekstu HTML zakłada, że tekst HTML jest stosunkowo umieszczony. Jeśli musisz użyć pozycji bezwzględnej dla tekstu HTML, zawijaj tekst wokół stosunkowo rozmieszczonego elementu div. Na przykład "<div style='position:relative'>" & varPageContent & "</div>"

Uwaga / Notatka

W przypadku niektórych elementów HTML można usunąć domyślny styl przeglądarki. Na przykład w przypadku listy HTML (<ul>, <ol>) musisz napisać własne style wbudowane, aby przywrócić domyślny styl. Na przykład

<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>

Kluczowe właściwości

Color — kolor tekstu w kontrolce.

Font — nazwa rodziny czcionek, w której pojawia się tekst.

HtmlText — tekst wyświetlany w kontrolce tekstu HTML, który może zawierać tagi HTML.

Dodatkowe właściwości

AutoHeight — ustaw wartość true, aby umożliwić automatyczne zwiększanie wysokości kontrolki w celu wyświetlenia całego tekstu. Ustaw wartość false, aby obcinać tekst do przypisanej wysokości.

Uwaga / Notatka

Włączenie właściwości AutoHeight spowoduje zwiększenie właściwości Height kontrolki do maksymalnej wartości 7680.

BorderColor — kolor obramowania kontrolki.

BorderStyle — czy obramowanie kontrolki to Solid, Dashed, Dotted lub None.

BorderThickness — grubość obramowania kontrolki.

DisplayMode — określa, czy kontrolka zezwala na wprowadzanie danych przez użytkownika (Edycja), wyświetla tylko dane (Widok) lub jest wyłączona (wyłączone).

DisabledBorderColor — kolor obramowania kontrolki, jeśli właściwość DisplayMode kontrolki jest ustawiona na wartość Wyłączone.

DisabledFill — kolor tła kontrolki, jeśli jej właściwość DisplayMode jest ustawiona na wartość Wyłączone.

Fill – kolor tła kontrolki.

Height — odległość między górną i dolną krawędzią kontrolki.

HoverBorderColor — kolor obramowania kontrolki, gdy użytkownik utrzymuje wskaźnik myszy na tej kontrolce.

OnSelect — akcje do wykonania, gdy użytkownik wybierze kontrolkę.

Uwaga / Notatka

Właściwość OnSelect jest ignorowana dla hiperlinków w obrębie zawartości, do których odwołuje się właściwość HtmlText .

PaddingBottom — odległość między tekstem w kontrolce a dolną krawędzią tej kontrolki.

PaddingLeft — odległość między tekstem w kontrolce a lewą krawędzią tej kontrolki.

PaddingRight — odległość między tekstem w kontrolce a prawą krawędzią tej kontrolki.

PaddingTop — odległość między tekstem w kontrolce a górną krawędzią tej kontrolki.

Size — rozmiar czcionki tekstu wyświetlanego w kontrolce.

Etykietka narzędzia — tekst objaśniający wyświetlany po umieszczeniu wskaźnika myszy na kontrolce.

Visible — określa, czy kontrolka jest wyświetlana, czy ukryta.

Width — odległość między lewą i prawą krawędzią kontrolki.

X — odległość między lewą krawędzią kontrolki a lewą krawędzią jej kontenera nadrzędnego (ekranu, jeśli brak kontenera nadrzędnego).

Y — odległość między górną krawędzią kontrolki a górną krawędzią kontenera nadrzędnego (ekranu, jeśli brak kontenera nadrzędnego).

Find( FindString, WithinString )

Example

  1. Dodaj kontrolkę Etykieta , nadaj jej nazwę Źródło i ustaw jej właściwość Text na następujący ciąg:

    "<p>Mamy & wykonane niezwykle " deep" globalizacja i lokalizacja.<p>"

    Nie wiesz, jak dodać, nazwać i skonfigurować kontrolkę?

  2. Dodaj kontrolkę tekstową HTML i ustaw jej właściwość HtmlText na następującą wartość:
    Source.Text

    Kontrolka tekstu HTML wyświetla ten sam tekst co kontrolka Etykieta , ale konwertuje tagi na odpowiednie znaki.

Wytyczne dotyczące ułatwień dostępu

Mapowanie ARIA elementów w kontrolce tekstu HTML nie jest definiowane automatycznie przez usługę Power Apps.

Kontrast kolorów

Musi istnieć odpowiedni kontrast kolorów między:

Obsługa klawiatury

  • Kontrolka nie może działać jako przycisk. Nie ma indeksu TabIndex , a użytkownicy klawiatury nie będą mogli się na nim skupić.
  • Kontrolka może zawierać interaktywne części w kodzie HtmlText , takie jak <a> elementy, ale ustawienie aplikacji **Uproszczone indeksy kart" musi być włączone. W przeciwnym razie kolejność nawigacji na karcie będzie nieprawidłowa.