Text Gadget

Navigation:  Các công cụ phát triển phần mềm > Trình bày dữ liệu (Data Presentation) > Bảng điều khiển (Dashboard) > Các loại Gadget trong Dashboard >

Text Gadget

Previous pageReturn to chapter overviewNext page
Show/Hide Hidden Text
Bấm vào đây để xem chi tiết.Text Gadget là gì?

 

Text Gadget là một công cụ giúp bạn điền một tiêu đề dạng văn bản hoặc dữ liệu có thể thay đổi tùy theo tham số vào bất kỳ vị trí nào trên dashboard.

 

hmfile_hash_a18592d1

 

 

Bấm vào đây để xem chi tiết.Trường hợp nào sử dụng Text Gadget?

 

Text Gadget được dùng trong trường hợp bạn muốn điền một tiêu đề dạng văn bản hoặc dữ liệu có thể thay đổi tùy theo tham số vào bất kỳ vị trí nào trên dashboard.

Ưu điểm: giúp bạn thêm tiêu đề và hình ảnh minh họa cho tiêu đề, hoặc dữ liệu có thể thay đổi tùy theo tham số ở bất kỳ vị trí nào trên dashboard.

 

 

Bấm vào đây để xem chi tiết.Các tham số cần thiết cho Text Gadget

 

Để tạo một Text Gadget cần phải có các tham số bắt buộc và tùy chỉnh như sau:

 

 

 

 

 

 

 

 Tham số

 Giải thích

Bắt buộc

Tùy chỉnh

 

 

1. Template

 

l

 

 

 

    Template


þ

þ

 

 

2. Appearance

 

l

 

 

 

    TextFont

Các tùy chỉnh về font chữ bằng cách bấm vào nút 1-23-2014 9-50-40 AM ở góc phải.

 

þ

 

 

    TextTemplate

Nội dung văn bản. Có thể tùy chỉnh font, kích thước, màu chữ... bằng các thẻ hổ trợ. (Xem ở bảng bên dưới).

þ

 

 

 

    Title

Tiêu đề của văn bản.

l

þ

 

 

2. Appearance

 

l

 

 

 

    BorderStyle

Chọn loại khung viền.

l

þ

 

 

3. Appearance

 

l

 

 

 

    Image

Chọn ảnh cho liên kết bằng cách bấm vào nút 1-23-2014 9-50-40 AM và chọn hình lưu từ máy tính.

l

þ

 

 

    ImageAligment

Tùy chỉnh vị trí của hình ảnh.

l

þ

 

 

    ToolTip

Tạo nhanh một ghi chú hoặc hướng dẫn chức năng của một nút bấm, nó sẽ xuất hiện khi bạn di chuyển chuột vào nút văn bản đó.

l

þ

 

 

    ToolTipTitle

Tiêu đề cho ghi chú hoặc hướng dẫn.

l

þ

 

 

9. SuperTipsControl

 

 

 

 

 

    SuperTips

Hiển thị nội dung SuperTip khi bạn thiết lập SuperTip.

(Xem hướng dẫn tại phần Tooltip\SuperTooltip)

l

þ

 

 

9. Text Control

 

l

 

 

 

    TextControl

Các tùy chỉnh mở rộng.

l

þ

 

 

LineVisible

Xóa đường kẻ ngang trên text.


 

 

 

    TextSettings

Các tùy chỉnh mở rộng.

l

þ

 

 

 

 

 

 

 

Bảng các thẻ (Tags) được hổ trợ:

 

 

 

 

 

 

 

 

Tag

End Tag

Description

Example 


 

 

<br>

Không có

Sử dụng thẻ này khi muốn xuống dòng văn bản.

Nguyễn Văn Xuân<br>Manager

 

Nguyễn Văn Xuân

Manager

l

 

<color=value>

</color>

Chọn màu sắc cho văn bản.

Nguyễn Văn <color=red>Xuân</color>

Nguyễn Văn Xuân

 

 

Examples:

<color=red>

<color=0,255,0>

<color=#0000FF>

l

l

l

l

 

 

<backcolor=value>

</backcolor>

Chọn màu nền.

<backcolor=blue>Nguyễn Văn Xuân</backcolor>

Nguyễn Văn Xuân

 

 

Examples:

<backcolor=red>

<backcolor=0,255,0>

<backcolor=#0000FF>

l

l

l

l

 

 

<size=value>

</size>

Quy định cụ thể kích thước font chữ.

Nguyễn Văn <size=12>Xuân</size>

Nguyễn Văn Xuân

 

 

Examples:

<size=10>

<size=+4>

<size=-4>

l

l

l

l

 

 

<b>

</b>

Định nghĩa chữ in đậm.

Nguyễn Văn <b>Xuân</b>

Nguyễn Văn Xuân

 

 

<i>

</i>

Định nghĩa chữ in nghiêng.

Nguyễn Văn <i>Xuân</i>

Nguyễn Văn Xuân

 

 

<u>

</u>

Định nghĩa văn bản được gạch dưới.

Nguyễn Văn <u>Xuân</u>

Nguyễn Văn Xuân

 

 

 

 

 

 

 

 

 

Bấm vào đây để xem chi tiết.Tooltip

 

 

Tooltip là công cụ giúp tạo nhanh một ghi chú hoặc hướng dẫn, hoặc để cung cấp thông tin bổ sung cho một liên kết, nút bấm, tiêu đề... nó sẽ xuất hiện khi bạn di chuyển chuột vào liên kết, nút bấm hay tiêu đề đó.

Để tạo nhanh Tooltip, bạn có thể nhập nội dung ngay lúc tùy chỉnh các tham số cho Text Gadget:

 

hmfile_hash_a894b161   hmfile_hash_0ed0e410

 

 

 

2-12-2014 1-48-01 pm_zoom50

 

SuperToolTip được dùng để cung cấp thông tin bổ sung cho một liên kết hoặc nút bấm mà bạn có thể click vào để mở các chức năng, hoặc báo cáo phụ,...

SuperToolTop hỗ trợ nhiều vùng văn bản và hình ảnh.

Một SuperToolTip bao gồm các mục chú giải, trong đó hiển thị thông tin cụ thể. Các mục tooltip sau đây có thể được sử dụng để xây dựng một SuperToolTip:

Nội dung tooltip (Containts): cho phép hiển thị văn bản và hình ảnh, hình ảnh có thể được đặt ở cạnh bên trái của văn bản.

Tiêu đề tooltip (Title, Footer): tiêu đề ở đầu và cuối trang trong một cửa sổ tooltip, mục này cũng tương tự như nhập nội dung tooltip.

Đường phân cách (Separator): một dòng phân cách trước tiêu đề cuối trang (Footer) sẽ xuất hiện khi được lựa chọn.

Dưới đây là hỉnh ảnh minh họa cho một SuperToolTip bao gồm các mục Title, Containts, Sepacrator, Footer:

 

2-12-2014 1-32-49 pm_zoom50

 

Một SuperToolTip cho phép văn bản của nó được định dạng bằng cách sử dụng các thẻ HTML.

Để đáp ứng yêu cầu nhấp chuột vào một liên kết, sử dụng thẻ <href> và các thẻ định dạng văn bản HTML khác trong tooltip, kích hoạt tính năng Allow Html Text được thiết lập là True..

Thông tin chi tiết về hỗ trợ thẻ HTML:

 

 

 

 

 

 

 

 

Tag

End Tag

Description

Example 

 

 

 

<br>

Không có

Sử dụng thẻ này khi muốn xuống dòng văn bản.

Nguyễn Văn Xuân<br>Manager

 

Nguyễn Văn Xuân

Manager

l

 

<color=value>

</color>

Chọn màu sắc cho văn bản.

Nguyễn Văn <color=red>Xuân</color>

Nguyễn Văn Xuân

 

 

Examples:

<color=red>

<color=0,255,0>

<color=#0000FF>

l

l

l

l

 

 

<backcolor=value>

</backcolor>

Chọn màu nền.

<backcolor=blue>Nguyễn Văn Xuân</backcolor>

Nguyễn Văn Xuân

 

 

Examples:

<backcolor=red>

<backcolor=0,255,0>

<backcolor=#0000FF>

l

l

l

l

 

 

<size=value>

</size>

Quy định cụ thể kích thước font chữ.

Nguyễn Văn <size=12>Xuân</size>

Nguyễn Văn Xuân

 

 

Examples:

<size=10>

<size=+4>

<size=-4>

l

l

l

l

 

 

<b>

</b>

Định nghĩa chữ in đậm.

Nguyễn Văn <b>Xuân</b>

Nguyễn Văn Xuân

 

 

<i>

</i>

Định nghĩa chữ in nghiêng.

Nguyễn Văn <i>Xuân</i>

Nguyễn Văn Xuân

 

 

<u>

</u>

Định nghĩa văn bản được gạch dưới.

Nguyễn Văn <u>Xuân</u>

Nguyễn Văn Xuân

 

 

<href=value> 

</href>

Hiển thị một liên kết.

Click <href=www.spc-technology.com>here</href>.

Click here.

 

 

Example:

<href=www.devexpress.com>Our web site</href>

l

 

 

 

 

 

 

 

 

 

 

 

Ví dụ:

Ví dụ này cho thấy làm thế nào để tạo ra một SuperToolTip có chứa một liên kết cho một tiêu đề (Text Gadget).

Tại màn hình thể hiện các tham số bắt buộc và tùy chỉnh cho một liên kết, mở phần 9.Text Control \ TextControl kéo xuống chọn mục SuperTip và bấm vào nút 1-23-2014 9-50-40 AM bên góc bên phải:

 

hmfile_hash_ec39859a   hmfile_hash_5062b20f

 

Bạn sẽ thấy SuperToolTip Editor, cho phép bạn thiết lập các nội dung tooltip và kích hoạt tính năng định dạng HTML:

 

hmfile_hash_b4534746

 

Bạn cũng có thể thêm các hình ảnh cho các phần của tooltip bằng cách bấm vào nút 2-12-2014 2-33-05 PM và chọn hình lưu từ máy tính:

 

hmfile_hash_bc22283e

 

Khi hoàn tất và chạy ứng dụng, kết quả sẽ là như sau:

 

hmfile_hash_57e0d9ea

 

 

 

Bấm vào đây để xem chi tiết.Tạo Text Gadget

 

Tạo một Text Gadget (xem ở phần Tạo Gadgets trong tài liệu này), thêm và tùy chỉnh các tham số cần thiết:

 

hmfile_hash_8fef7e5d   hmfile_hash_9c4437fe