Thursday, February 26th, 2009

Ajaxian Featured Tutorial: Styling Dijit Form Elements

Category: Dojo

<p>The Dijit UI library brings a ton of visual capabilities to the table and I think most people look to it for the power and simplicity of rendering well made user interface components such as grids, modals and calendars. Another aspect that people may overlook is it’s excellent form handling capabilities and in this tutorial, Mike Wilcox walks you through the steps of enhancing the appearance of Dijit form elements:

In this post, I’ll show you how to set up your form with the proper style sheets, and do some minimalist CSS targeting to adjust each form so they’ll all be the proper size. The result will be a style sheet base that you can use and modify to create custom Dijit forms.

The tutorial is squarely aimed at users of the popular Dojo framework and it’s companion UI library, Dijit and will show the flexibility and power of the theming capabilities of the frameworks. The tutorial focuses on creating a form that is styled to look like this using the built-in theming capabilities of Dijit:

While their are many methods of doing this via CSS or other styling frameworks, the advantage for Dojo users is that the capabilities are baked straight into the framework and helps to eliminate some of the overhead of including other frameworks or services as well as learning another framework.

Related Content:

  • Ajax Tutorial
    Ajax, short for Asynchronous Java and XML, has allowed developers to create interactive Web pages with rich interfaces. Rich Internet applications...
  • SOA Data Integration Tutorial
    This tutorial will focus on information that shows you how to think about data integration inside a service-oriented architecture. It...
  • WSDL Tutorial
    Our Web Services Description Language (WSDL) tutorial provides the tips, expert advice, news, trends and products you need to get started with or...
  • SIP tutorial
    Session Initiation Protocol (SIP) is becoming the signalling protocol of choice in the IP telephony, VoIP and unified communications (UC) industries....
  • Representational State Transfer - REST Tutorial
    This learning guide will delve into representational state transfer (REST), its progress in various app dev tooling platforms and its uses in...

Posted by Rey Bango at 10:25 am
1 Comment

4.1 rating from 28 votes

1 Comment »

Comments feed TrackBack URI

“Baked” is such a heavy word reminiscent of the old Dojo 0.4 codebase.

Comment by Jordan1 — February 27, 2009

Leave a comment

You must be logged in to post a comment.