Matt RaibleMatt Raible is a Web Developer and Java Champion. Connect with him on LinkedIn.

The Angular Mini-Book The Angular Mini-Book is a guide to getting started with Angular. You'll learn how to develop a bare-bones application, test it, and deploy it. Then you'll move on to adding Bootstrap, Angular Material, continuous integration, and authentication.

Spring Boot is a popular framework for building REST APIs. You'll learn how to integrate Angular with Spring Boot and use security best practices like HTTPS and a content security policy.

For book updates, follow @angular_book on Twitter.

The JHipster Mini-Book The JHipster Mini-Book is a guide to getting started with hip technologies today: Angular, Bootstrap, and Spring Boot. All of these frameworks are wrapped up in an easy-to-use project called JHipster.

This book shows you how to build an app with JHipster, and guides you through the plethora of tools, techniques and options you can use. Furthermore, it explains the UI and API building blocks so you understand the underpinnings of your great application.

For book updates, follow @jhipster-book on Twitter.

10+ YEARS


Over 10 years ago, I wrote my first blog post. Since then, I've authored books, had kids, traveled the world, found Trish and blogged about it all.

RECENT ENTRIES


Tag Cloud


abbie appfuse birthday denver family grails gwt jack java javascript jhipster jsf linkedin maven roller skiing softwaresummit spring springmvc struts2 travel trish vacation webframeworks wicket
« My First Attempt at... | Main | Marrying inside the... »
Saturday January 11, 2003

Tabbed Forms - Making the web look like Excel

One of the things I'm working on for my day job right now is the ability to display an Excel-like UI for editing a form. So I did a search on Google tonight and found DHTML Kitchen. On this site, they had exactly what I was looking for - a howto for creating a tabbed panel system. So I've used this example to create a prototype of what I can do. This is pretty slick b/c now I can give the users a UI that looks like the Excel they're used to, and I can use the same ValidatorForm for the entire page. It even supports remembering which tab you last selected, and also allows navigation to a tab. The DHTML Kitchen also appears to have all kinds of other goodies to checkout. I'll definitely be adding it to my list of cool bookmarks.

If someone could verify that this prototype works in IE 5.5 - that'd be awesome! This is the browser we have to support at work and all my browsers are 6.0+. In return, I offer you the source in a single zip file :-) After playing with this a bit after posting - it seems like it's got a couple of issues in IE 6. The first is that a double line shows up at the bottom of the top tabs after refreshing. Clicking on any tab at the top snaps the tab bar back into place. The second is performance - it's taking 3-8 seconds to load the page - yikes! I'm still going to use it though, and hopefully optimize and fix these issues later.

Posted in The Web at Jan 11 2003, 11:45:23 PM MST 4 Comments
Comments:

Hi Matt, Your demo doesn't work with my browser (IE 5.50.4807.2300). It shows a JavaScript error in line 17, column 1 "object expected". The tabs also don't work after clicking "OK in the error window. Sorry, but still HTH Fokko

Posted by F. Degenaar on January 14, 2003 at 11:35 AM MST #

Works fine for me, with exactly the same browser version as above.

Posted by Jerry Shea on January 16, 2003 at 11:32 AM MST #

Thanks Jerry - it works fine for me on a Windows 2000 machine and a Windows NT machine at work (with IE 5.5). Fokko - what OS are you using?

Posted by Matt Raible on January 16, 2003 at 01:22 PM MST #

Hi Matt, Windows NT 4.0 Build 1381, SP6. Although the configuration of IE is a given one, I couldn't detect anything unusual. In contrast to Jerry I use a german version. regards Fokko

Posted by F. Degenaar on January 17, 2003 at 07:59 AM MST #

Post a Comment:
  • HTML Syntax: Allowed