An Overview of the Yahoo User Interface Library - More Controls
(Page 4 of 4 )
The tabView control allows developers to easily add a tabbed view of different pages of content on the page. Like the Menu control, it is built primarily from a standard list element, which is held within a <div> element. Each tab is represented by a simple <li> element. A range of visually discrete tab styles can be used including standard, top-left, round-edged or horizontally aligned tabs, and new tabs can be added or removed programmatically with a minimum of effort.
The TreeView control can be used to create a variety of hierarchical tree structures that can be loaded dynamically. Customizing the icons used to expand each top-level tree element is easy, as is using custom fading animations to move between tree nodes.
The beta button control allows you to easily extend traditional HTML form buttons into rich, graphical buttons that feature enhanced functionality or style and even includes support for better radio buttons and checkbox controls. Eight different buttons can be created with this control: a basic push button, a link button which is specifically used to navigate to new URls when pressed, submit and reset buttons, a checkbox or radio button, a menu button that will show or hide a menu when pressed or a split button which can either display a menu or execute a user-specified command when clicked.
The final control, also at beta stage, is the DataTable control, which interacts with the DataSource utility to provide a highly accessible tabular format of data. It is fully screen-reader accessible and features sortable and resizable columns, pagination, scrolling, row selection and inline editing.
The Yahoo! Developer network site dedicated to the YUI provides a huge resource of information, examples and documentation for all of the utilities and controls mentioned in this article as well as some of the custom CSS tools that I haven't had time to include. A blog provides the latest ongoing news and announcements for the project and a forum is provided where you can get help with specific issues you may encounter when working with the different controls and utilities. This is also the place where the YUI can be downloaded if required, but don't forget that you can choose not to download any of the library, and let Yahoo serve the files you require across the Internet. The site can be found at http://developer.yahoo.com/yui so anyone interested in working with this rich set of utilities, controls and tools should head there immediately and get involved.
| DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware. |
