Thêm một themes giao diện trong ASP.net

Đầu tiên các bạn thêm thư mục themes ASP.Net

 

Sử dụng themes trong trang web, chúng ta cần thêm thư mục themes ASP.Net bằng cách kích chuột vào Solution Explorer như sau : 

 

 

Sau khi thêm thư mục themes, thêm tập tin SkinFile.skin bằng cách kích chuột phải vào thư mục themes ASP.Net. Solution Explorer như sau: 

 

 

Bây giờ thêm điều khiển ASP.Net bên trong SkinFile.Skin và gán style cho các điều khiển sử dụng thuộc tính của mình sau đây: 

 

 

Trong đoạn mã trên tôi đã sử dụng chỉ là một vài điều khiển và thuộc tính để giao cho style mà bạn có thể gán nó cho mọi điều khiển ASP.Net mà bạn muốn, chẳng hạn như: 

 

 

Lưu ý: 

1. Một Id control không thể đưa vào ASP.Net control bên trong SkinFile.skin.

2. SkinId phải được chỉ định đến ASP.Net control bên trong SkinFile.skin.

3. SkinId cần được xác định duy nhất bởi vì mỗi loại điều khiển bản sao của SkinId không được phép trong cùng một themes.

4. Chỉ có một skin control mặc định của mỗi loại điều khiển được cho phép trong cùng một themes. 

 

Tôi hy vọng bạn hiểu các khái niệm cơ bản từ các lời giải thích. 

 

Làm thế nào để sử dụng ASP.Net Skins 

 

Để sử dụng skin ASP.Net hiện trong một trang ASP.Net bạn cần phải chỉ định các themes hiện có ở cấp độ trang như sau đây. 

 

 

Trong mã nguồn trước đó, chúng ta chỉ định tập tin ASP.Net Skin ở cấp trang, ASP.Net skin tự động xuất hiện trong hộp sau khi sử dụng thuộc tính themes trong tiêu đề trang. 

 

Chỉ định trên thanh Điều khiển ASP.Net 

 

Chỉ định skin đến điều khiển ASP.Net, bạn cần phải gán nó vào thuộc tính SkinId của điều khiển như sau đây: 

 

 

Bây giờ chạy ứng dụng, nó sẽ xuất hiện như sau đây: 

 

 

Từ ví dụ trên, chúng ta đã học được cách sử dụng giao diện.