News Ticker

Menu

Creating a search box in Asp.net using Bootstrap

Friday, October 23, 2015 / No Comments
(How to create search box in Asp.net using Bootstrap) – Với mỗi danh sách quản lý thông tin, người lập trình thường cho phép người sử dụng tìm kiếm nhanh bằng cách bổ xung thêm Textbox và Button trên danh sách đó. Chỉ cần gõ từ khóa vào Textbox và kích Button là danh sách các kết quả sẽ hiển thị phù hợp với từ khóa đưa vào. Chức năng này giúp người sử dụng dễ dàng và nhanh chóng hơn khi cần tìm kiếm thông tin để xem hoặc sửa. Nếu như chỉ sử dụng nguyên Control Textbox và Button vẫn có thể xử lý được yêu cầu tuy nhiên xét về mặt thẩm mỹ thì chưa đạt yêu cầu. Bài viết dưới đây sẽ hướng dẫn các bạn các tạo Search Box  sử dụng bootstrap. Và sau khi sử dụng các thuộc tính có sẵn trong bootstrap và bổ xung thêm thuộc tính mới Search Box trông sẽ đẹp hơn, thân thiện hợn với người sử dụng.

Code Example C#, Code Example VB.NET
Code Example C#, Code Example VB.NET

Datepicker Using Bootstrap in ASP.Net

Wednesday, October 21, 2015 / No Comments
(Bootstrap DatePicker on Textbox in Asp.net) – Bootstrap là một framework bao gồm các HTML templates, CSS templates và Javascript tạo ra những cái tiện ích có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels.... Nhờ Bootstrap mà những người lập trình phát triển Website và phần mềm dễ dàng hơn, nhanh chóng hơn và chuyên nghiệp hơn.

Add Bootsrap Tooltip to Checkboxlist in Asp.net

Wednesday, September 30, 2015 / No Comments
(How to add Bootsrap Tooltip in Checkboxlist) -  Checkboxlist là Control cho phép người sử dụng chọn đồng thời nhiều giá trị tại một thời điểm. Do không gian bị hạn chế nên thông thường người lập trình thường hiển thị tên của từng giá trị trên danh sách Checkboxlist, và khi cần mô tả rõ ràng từng mục sẽ sử dụng Tooltip. Bài viết dưới đây sẽ giới thiệu với các bạn cách sử dụng Bootsrap Tooltip để thêm vào Checkboxlist.

Bootstrap List Group with Badges in Repeater ASP.Net

Thursday, September 24, 2015 / No Comments
(Bootstrap List Group with Badges in ASP.Net) – Bài viết dưới đây sẽ hướng dẫn cách sử dụng Bootstrap List Group kết hợp với Badges và Repeater ASP.Net để tạo danh sách. Danh sách được lấy từ bảng Categories trong CSDL Northwind, chương trình sẽ sử dụng Badges để hiển thị số liệu thống kê tổng số sản phẩm theo từng loại.

Using Bootstrap to Display GridView Row Details in Modal Popup

Saturday, September 19, 2015 / No Comments
(Show GridView Row Details in Modal Popup using Bootstrap) – Có rất nhiều cách để tạo Master Detail như sử dụng jQuery, AJAX ModalPopupExtender… Bài viết dưới đây sẽ hướng dẫn các bạn cách xây dựng chức năng Master Detail sử dụng Bootstrap trong Gridview. Trong danh sách là toàn bộ danh sách đơn hàng và khi kích vào nút Detail danh sách các sản phẩm trong đơn hàng đó sẽ xuất hiện.

Bootstrap Responsive Carousel with Multi items in ASP.Net

Wednesday, September 16, 2015 / No Comments
(Dynamic Bootstrap Responsive Carousel with Multi items in ASP.Net) – Bài viết dưới đây sẽ hướng dẫn các bạn cách để tạo Carousel ảnh sử dụng thư viện Bootstrap.

Scrolling and Bootstrap Tabs of DataTables in Asp.net

Tuesday, September 8, 2015 / No Comments
(DataTables Scrolling and Bootstrap tabs in Asp.net) – Bài viết dưới đây sẽ hướng dẫn các bạn cách kết hợp JQuery DataTables và Bootstrap Tabs để hiển thị dữ liệu ở các Tabs khác nhau. Ví dụ gồm 2 Tabs, Tab Customers sẽ hiển thị toàn bộ danh sách Customers và Tab Products sẽ hiển thị toàn bộ danh sách Products.

Sử dụng Bootstrap để thay đổi Style cho Dropdownlist trong Asp.net

Thursday, September 3, 2015 / No Comments
(Using Bootstrap to change DropDownList style in ASP.Net) – Theo mặc định khi lựa chọn giá trị trong danh sách Dropdownlist, chương  trình sẽ không đánh dấu giá trị nào đã được người dùng đã chọn. Chính việc  này sẽ gây khó khăn cho người dùng khi sửa và chọn lại giá trị trong Dropdownlist. Bài viết dưới đây sẽ hướng dẫn các bạn cách thay đổi Style để Dropdownlist trông đẹp và chuyên nghiệp hơn, ngoài ra đối với giá trị đã được chọn sẽ được đánh dấu giúp người dùng dễ dàng quan sát hơn.

Sử dụng Repeater để tạo Responsive Moving Box Carousel động trong Asp.net

/ No Comments
(Dynamic Responsive Moving Box Carousel  in Asp.net) – Những Carousel đẹp sẽ gây ấn tượng đến người xem, nhờ đó những thông tin mới, những sự kiện quan trọng, những sản phẩm mới sẽ được quan tâm và chú ý hơn. Bài viết dưới đây sẽ hướng dẫn các bạn cách sử dụng thư viện Bootstrap kết hợp với Repeater để tạo Carousel dạng Moving Box.

Tạo jQuery Mega Menu Navigation bar với bootstrap trong Asp.net

Saturday, August 29, 2015 / No Comments
(jQuery Mega Menu Navigation bar with bootstrap in Asp.net) – Khi Menu trong Website của bạn có nhiều cấp, đặc biệt là Website thương mại điện tử nếu không được sắp xếp hiển thị khoa học sẽ gây khó khăn cho người sử dụng. Bài viết dưới đây sẽ hướng dẫn các bạn cách sử dụng Control Repeater và thư viện bootstrap để tạo Mega Menu Navigation bar. Menu gồm 3 cấp, các thông tin như: Tên Menu, đường dẫn, Css được lấy từ CSDL SQL Server.

Sử dụng Repeater để tạo Responsive Bootstrap Carousel trong Asp.net

Friday, August 28, 2015 / No Comments
(Responsive Bootstrap Carousel in Repeater Asp.net) – Carousel, Slider là một thành phần quan trọng của Website. Nhờ nó mà người phát triển có thể dễ dàng đưa những thông tin mới, những sự kiện quan trọng, những sản phẩm mới đến người xem. Bài viết dưới đây sẽ hướng dẫn các bạn cách sử dụng thư viện Bootstrap kết hợp với Repeater để tạo Carousel.

Responsive jQuery News Ticker with Bootstrap in Asp.net Repeater

Tuesday, August 25, 2015 / No Comments
(Create A Vertical Scrolling News Ticker With jQuery in ASP.NET) - Khi bạn có một danh sách thông báo, công việc dài mà không gian để hiển thị ít bạn nghĩ ngay đến giải pháp Marquee. Giải pháp Marquee sẽ giúp bạn cuộn: hình ảnh, văn bản, bảng biểu lên trên, xuống dưới, sang phải hoặc sang trái. Hôm nay chúng tôi sẽ giới thiệu với các bạn 1 plugin để có thể giúp bạn giải quyết vấn đề hiển thị đầy đủ nội dung trong một không gian hẹp, và giải pháp chúng tôi muốn nhắc đến đó là jQuery News Ticker Bootstrap. Dưới đây là các bước thực hiện.

Thêm Icons cho bootstrap Pill Tabs trong Asp.net

Monday, August 17, 2015 / No Comments
(Adding Icons to Bootstrap Pill Tabs) – Trong bài viết trước chúng tôi đã hướng dẫn cách tạo bootstrap Pill Tabs, hôm nay chúng tôi hướng dẫn các bạn cách thêm các Icons vào Tab để cho  chúng thêm đẹp và chuyên nghiệp hơn.

Tạo Pill Tabs động sử dụng bootstrap trong Asp.net

/ No Comments
(Dynamic Bootstrap Pill Tabs) – Trong các bài viết trước, thủ thuật lập trình đã giới thiệu với các bạn nhiều cách để tạo Tabs động sử dụng jQuery, AjaxControlToolkit. Hôm nay thủ thuật lập trình sẽ giới thiệu với các bạn cách để tạo tạo Tab sử dụng thư viện bootstrap. Nội dung các Tabs được hiển thị từ các Control ngoài và đường dẫn cũng như tên các Control này được lấy từ CSDL SQL Server.

Tạo Vertical Tabs động sử dụng bootstrap trong Asp.net

Monday, August 3, 2015 / No Comments
(Dynamic Bootstrap Vertical Tabs) – Trong các bài viết trước, thủ thuật lập trình đã giới thiệu với các bạn nhiều cách để tạo Tabs động. Ví dụ như sử dụng jQuery, AjaxControlToolkit, Bootstrap nhưng đó là cách tạo Horizontal Tabs. Hôm nay thủ thuật lập trình sẽ giới thiệu với các bạn cách để tạo Vertical Tabs. Nội dung các Tabs được hiển thị từ các Control ngoài và đường dẫn cũng như tên các Control này được lấy từ CSDL SQL Server.

Sử dụng Bootsrap để tạo Button Dropdown trong Asp.net

Thursday, July 9, 2015 / No Comments
(Create Dropdown Button using Bootsrap in Asp.net) -  Khi thiết kế giao diện phần mềm hoặc ứng dụng có những màn hình có rất nhiều nút lệnh để thực hiện công việc. Do có nhiều nút lệnh mà không gian thì ít lên các nút lệnh thường được bố trí trên nhiều dòng, mặc dù vẫn thực hiện được đúng chức năng mong muốn nhưng về tính thẩm mỹ thì không ổn? Vậy có cách nào để có thể thu gọn các nút lệnh này mà vẫn có đầy đủ các chức  năng không? Bài viết dưới đây sẽ hướng dẫn các bạn làm điều đó. Dưới đây là cách sử dụng Bootstrap để tạo Button Dropdown, với cách này trên giao diện sẽ có rất một số các nút lệnh chính và hay sử dụng còn các nút lệnh khác sẽ xuất hiện khi kích vào một nút lệnh khác.

Tạo Responsive Menu sử dụng Twitter Bootstrap trong Asp.net

Monday, June 22, 2015 / No Comments
(Sử dụng Twitter Bootstrap để tạo Responsive Menu) – Responsive Web Design là xu hướng  thiết kế và phát triển web để đáp ứng mọi thiết bị và môi trường của người dùng theo các tiêu chí kích thước và chiều của màn hình thiết bị. Chính điều này sẽ tránh việc phải thiết kế nhiều giao diện khác nhau cho những thiết bị khác nhau và nó sẽ làm giảm thiểu thời gian cũng như chi phí thiết kế web. Bài viết dưới đây sẽ hướng dẫn các bạn xây dựng hệ thống Responsive Menu động đa cấp, các mục được lấy từ CSDL SQL Server và sử dụng thư viện Twitter Bootstrap.

Sử dụng Bootsrap Tooltip cho Link Button trong Asp.net

Tuesday, June 2, 2015 / No Comments
(Bootsrap Tooltip cho Link Button) - Trong quá trình xây dựng phần mềm, có những màn hình không đủ diện tích để thể hiện đầy đủ các Linkbuton vừa có hình ảnh, vừa có chữ. Vậy làm sao để mỗi Linkbutton chỉ có mỗi biểu tượng mà người dùng vẫn biết nút lệnh đó có chức năng gì? Có 1 giải pháp để giải quyết vấn đề này, đó là sử dụng Tooltip. Hôm nay Thủ thuật tin học sẽ giới thiệu với các bạn cách sử dụng Bootsrap Tooltip cho Link Button, nhờ các Bootstrap tooltip sẽ giúp người lập trình mô tả rõ hơn chức năng của từng Linkbutton.

Tạo Modal Popup Confirm sử dụng AJAX Modal Popup Extender trong ASP.Net

Saturday, May 9, 2015 / No Comments
(Tạo Modal Popup trong Asp.net) Trong bài viết này, thủ thuật tin học sẽ hướng dẫn các bạn cách sử dụng ASP.Net AJAX Control Toolkit ModalPopupExtender kết hợp với các thuộc tính css của bootstrap để tạo Popup trong asp.net. Cụ thể ở đây là hộp thoại Comfirm hỏi người sử dụng trước khi xóa User trong 1 danh sách.

Tạo Accordion từ dữ liệu SQL Server sử dụng Bootstrap trong Asp.net

Tuesday, May 5, 2015 / No Comments
(Cách tạo Accordion động trong Asp.net) - Accordion là một tiện ích rất tiện lợi cho  người thiết kế Website, vì ngoài việc là một Menu nó cũng có thể cho phép hiển thị nội dung, hình ảnh dễ dàng. Từ đó giúp người thiết kế vừa có thể hiển thị đầy đủ thông tin mà tiết kiệm nhiều khoảng không gian trên Web. Hiện có rất nhiều các Plugin hay Jquery hỗ trợ công việc này, tuy nhiên hôm nay Thủ thuật lập trình sẽ giới thiệu với các bạn cách sử dụng Bootstrap để tạo các Accordion và thông tin Accordion được lấy từ CSDL SQL Server.