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

Tile Gadget

Previous pageReturn to chapter overviewNext page
Show/Hide Hidden Text
hmtoggle_plus1Tile Gadget là gì?

 

Tile Gadget là một trong những tiện ích cung cấp cho người dùng giao diện thân thiện giống như Windows 8, những chức năng trong Phoebus sẽ được liên kết với một hình (tile).

hmfile_hash_72b2041e_zoom25

 

hmtoggle_plus1Trường hợp nào sử dụng Tile Gadget?

Sử dụng Tile Gadget khi bạn muốn bố trí dashboard chức năng sao cho người sử dụng dễ tìm kiếm, thể hiện đầy đủ thông tin, dễ sử dụng...

 

Ưu khuyết điểm khi sử dụng Tile Gadget

 

Ưu điểm:

- Thể hiện và sắp xếp các tile theo ý muốn.

- Có thể click chuột vào một tile để mở link tới một dashboard khác hoặc mở một chức năng của Phoebus.

 

Khuyết điểm:

-

 

hmtoggle_plus1 Các tham số cần thiết cho Tile Gadget

 

 

Để tạo một Tile 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

 

 

Title

 

 

 

 

 

    Title

Đặt tên tiêu đề cho gadget. (1)

 

þ

 

 

1. Template

 

l

 

 

 

    Template

Dữ liệu được trình bày trong Excel Template.

þ

 

 

 

2. Display Range

 

l

 

 

 

    DisplayRange

Vùng dữ liệu trong Excel Template.

þ

 

 

 

3. Appearance

 

l

 

 

 

    AlignmentH

Điều chỉnh vị trí của các tile theo chiều ngang.

l

þ

 

 

    AlignmentV

Điều chỉnh vị trí của các tile theo chiều dọc.

l

þ

 

 

    BackGroundImage

Chọn hình nền cho gadget bằng cách bấm vào nút  và chọn hình lưu từ máy tính. (2)

l

þ

 

 

    BorderStyle

Tùy chỉnh loại khung viền cho gadget. (3)

l

þ

 

 

    Orientation

Hướng xuất hiện cho các tile, theo chiều ngang hoặc dọc.

l

þ

 

 

    ScrollMode

Chọn loại thanh cuộn. (4)

l

þ

 

 

    ShowGroupText

Ẩn/hiện tên nhóm. (5)

l

þ

 

 

    ShowText

Ẩn/hiện tên tiêu đề gadget. (1)

l

þ

 

 

4. Column Mapping

 

l

 

 

 

    BackColor

Màu nền tile, chọn cột định nghĩa màu nền từ template. (6)

l

þ

 

 

    Code

Mã hiệu của tile, nếu hai mẫu tin có mã hiệu giống nhau thì sẽ thể hiện chung tại một tile và tự động thay đổi trong khoảng 5 giây. (7)

l

þ

 

 


 

l

þ

 

 

    DataAccessGroup

Tùy chọn người được phép nhìn thấy dữ liệu tile.

l

þ

 

 

    ForeColor

Màu cho font chữ, chọn cột định nghĩa màu cho font chữ từ template. (8)

l

þ

 

 

    Id

 

l

þ

 

 

    Imageld

Cột có chứa tên file hình (kích thước đề nghị 256x256). 
Yêu cầu đóng và mở lại tiện ích để hiển thị. (9)

l

þ

 

 

    SecurityKey

Quyền hạn được nhìn thấy chức năng.

l

þ

 

 

    Text

Nội dung thể hiện ở giữa tile.

l

þ

 

 

    TextA1

Nội dung cột hiển thị tại vị trí góc trái phía trên của tile. (10)

l

þ

 

 

    TextA2

Nội dung cột hiển thị tại vị trí góc phải phía trên của tile. (11)

l

þ

 

 

    TextB1

Nội dung cột hiển thị tại vị trí góc trái phía dưới của tile. (12)

l

þ

 

 

    TextB2

Nội dung cột hiển thị tại vị trí góc phải phía dưới của tile. (13)

l

þ

 

 

    TileGroup

Nhóm các tile theo từng nhóm, ví dụ: nhóm Khách hàng ở HCM, ở HN... (5)

l

þ

 

 

    TileSize

Kích thước của mỗi tile. (14)

l

þ

 

 

5. Commands

 

l

 

 

 

    DoubleClickCommand

Câu lệnh Phoebus, chạy khi người dùng nhấp đúp chuột vào một mẫu tin.

l

þ

 

 

    SelectCommand

Câu lệnh Phoebus, chạy khi người dùng nhấp vào một mẫu tin.

l

þ

 

 

9.Tile Control

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

 

 

 

 

    TreeList

 

l

þ

 

 

 





                      hmfile_hash_37ccbe56_zoom25

Ngoài ra, có thể thực hiện một số tùy chỉnh khác như font chữ, màu nền... ngay tại Excel Template bằng cách sử dụng các thẻ được hổ trợ sau:

 

 

 

 

 

 

 

 

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ănXuâ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

 

 

 

 

 

 

 


    hmfile_hash_55fb033c_zoom25 hmfile_hash_4a0106ba_zoom25

 

 

hmtoggle_plus1Tạo Tile Gadget

 

Tạo một Tile 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_331203a8_zoom25

 

Tile Gadget sẽ hiển thị những thông tin từ template và range mà bạn đã chọn:

 

hmfile_hash_72b2041e_zoom25