ตัวควบคุม ข้อความ HTML ใน Power Apps

  • บทความ

กล่องที่แสดงข้อความและแปลงแท็ก HTML เป็นการจัดรูปแบบ

คำอธิบาย

ตัวควบคุม ข้อความ HTML ไม่เพียงแต่แสดงข้อความธรรมดาและตัวเลขเท่านั้น แต่ยังแปลงแท็ก HTML เช่น ช่องว่างไม่แยก อีกด้วย

หมายเหตุ

การควบคุม ข้อความ HTML ถือว่า HtmlText อยู่ในตำแหน่ง หากคุณต้องการใช้ตำแหน่งที่แน่นอนสำหรับข้อความ HTML ให้ตัดข้อความรอบตำแหน่งที่ตรงกัน ตัวอย่างเช่น "<div style='position:relative'>" & varPageContent & "</div>"

หมายเหตุ

สำหรับองค์ประกอบ HTML บางอย่าง การกำหนดลักษณะเริ่มต้นของเบราว์เซอร์อาจถูกลบ ตัวอย่างเช่น สำหรับรายการ HTML (<ul>, <ol>) คุณจะต้องเขียนลักษณะอินไลน์ของคุณเองเพื่อให้ได้ลักษณะเริ่มต้นกลับคืนมา ตัวอย่างเช่น

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

คุณสมบัติที่สำคัญ

Color – สีของข้อความในตัวควบคุม

Font – ชื่อของตระกูลของแบบอักษรที่ข้อความปรากฏ

HtmlText – ข้อความที่ปรากฏในตัวควบคุม ข้อความ HTML และอาจมีแท็ก HTML

คุณสมบัติเพิ่มเติม

BorderColor – สีของเส้นขอบของตัวควบคุม

BorderStyle – กำหนดว่าเส้นขอบของตัวควบคุมจะเป็น ทึบ ประ จุด หรือ ไม่มี

BorderThickness – ความหนาของเส้นขอบของตัวควบคุม

DisplayMode – กำหนดว่าตัวควบคุมจะอนุญาตให้ผู้ใช้ป้อนข้อมูล (แก้ไข) แสดงข้อมูลเท่านั้น (มุมมอง) หรือถูกปิดใช้งาน (ปิดใช้งาน)

DisabledBorderColor – สีของเส้นขอบของตัวควบคุม ถ้าคุณสมบัติ DisplayMode ของตัวควบคุมถูกตั้งค่าเป็น ปิดใช้งาน

DisabledFill – สีพื้นหลังของตัวควบคุม ถ้าคุณสมบัติ DisplayMode ถูกตั้งค่าเป็น ปิดใช้งาน

Fill – สีพื้นหลังของตัวควบคุม

Height – ระยะห่างระหว่างขอบด้านบนและด้านล่างของตัวควบคุม

HoverBorderColor – สีของเส้นขอบของตัวควบคุม เมื่อผู้ใช้ค้างตัวชี้เมาส์ไว้บนตัวควบคุมนั้น

OnSelect – การดำเนินการเพื่อดำเนินการเมื่อผู้ใช้เลือกตัวควบคุม

หมายเหตุ

OnSelect จะถูกละเว้นสำหรับไฮเปอร์ลิงก์ภายในเนื้อหาที่อ้างอิงภายในคุณสมบัติ HtmlText

PaddingBottom – ระยะห่างระหว่างข้อความในตัวควบคุมและขอบด้านล่างของตัวควบคุมนั้น

PaddingLeft – ระยะห่างระหว่างข้อความในตัวควบคุมและขอบด้านซ้ายของตัวควบคุมนั้น

PaddingRight – ระยะห่างระหว่างข้อความในตัวควบคุมและขอบด้านขวาของตัวควบคุมนั้น

PaddingTop – ระยะห่างระหว่างข้อความในตัวควบคุมและขอบด้านบนสุดของตัวควบคุมนั้น

Size – ขนาดแบบอักษรของข้อความที่ปรากฏบนตัวควบคุม

Tooltip – ข้อความอธิบายที่ปรากฏขึ้นเมื่อผู้ใช้วางเมาส์เหนือตัวควบคุม

Visible – กำหนดว่าตัวควบคุมปรากฏขึ้น หรือถูกซ่อน

Width – ระยะห่างระหว่างขอบด้านซ้ายและด้านขวาของตัวควบคุม

X – ระยะห่างระหว่างขอบด้านซ้ายของตัวควบคุมและขอบด้านซ้ายของคอนเทนเนอร์หลัก (หน้าจอ ถ้าไม่มีคอนเทนเนอร์หลัก)

Y – ระยะห่างระหว่างขอบด้านบนของตัวควบคุมและขอบด้านบนของคอนเทนเนอร์หลัก (หน้าจอ ถ้าไม่มีคอนเทนเนอร์หลัก)

ฟังก์ชันที่เกี่ยวข้อง

Find( FindString, WithinString )

ตัวอย่าง

  1. เพิ่มตัวควบคุม ป้ายกำกับ ตั้งชื่อว่า แหล่งที่มา และตั้งค่าคุณสมบัติ Text เป็นสตริงนี้:

    "<p>เราได้&nbsp;ทำสำเร็จแบบผิดปกติ &quot; ลึก&quot; โลกาภิวัตน์และการแปลภาษา<p>"

    ไม่ทราบวิธีการ เพิ่ม ตั้งชื่อ และกำหนดค่าตัวควบคุม ใช่หรือไม่

  2. เพิ่มตัวควบคุม ข้อความ HTML และตั้งค่าคุณสมบัติ HtmlText เป็นค่านี้:
    Source.Text

    ตัวควบคุม ข้อความ HTML แสดงข้อความเดียวกับตัวควบคุม ป้ายกำกับ แต่แปลงแท็กแต่เป็นอักขระที่เหมาะสม

แนวทางการช่วยสำหรับการเข้าถึง

การแม็ป ARIA สำหรับองค์ประกอบภายในตัวควบคุม ข้อความ HTML ไม่ได้ถูกกำหนดโดยอัตโนมัติโดย Power Apps

ความคมชัดของสี

ต้องมีความคมชัดของสีที่เพียงพอระหว่าง:

  • Color และ Fill
  • ข้อความที่มีสีแบบกำหนดเองและพื้นหลัง

การรองรับแป้นพิมพ์

  • ตัวควบคุมไม่สามารถทำหน้าที่เป็นปุ่มได้ โดยไม่มี TabIndex และผู้ใช้คีย์บอร์ดจะไม่สามารถโฟกัสได้
  • ตัวควบคุมสามารถมีส่วนแบบโต้ตอบใน HtmlText เช่น <a> องค์ประกอบ แต่ต้องเปิดใช้งานการตั้งค่าแอป **ดัชนีแท็บแบบง่าย" มิฉะนั้น ลำดับการนำทางของแท็บจะไม่ถูกต้อง

หมายเหตุ

บอกให้เราทราบเกี่ยวกับภาษาที่คุณต้องการในคู่มือ ทำแบบสำรวจสั้นๆ (โปรดทราบว่าแบบสำรวจนี้เป็นภาษาอังกฤษ)

แบบสำรวจนี้ใช้เวลาทำประมาณเจ็ดนาที ไม่มีการเก็บข้อมูลส่วนบุคคล (คำชี้แจงสิทธิ์ส่วนบุคคล)