« JHeadstart 10.1.3 Evaluation Version Available! | Main | Inserting New Row in Table with Overflow Right »

Generating Select-Form Layout in Same Page

By steven.davelaar on October 13, 2006 2:45 AM

Ting Rung writes in to ask how he can generate a select-form layout with the select list displayed in the same page as the form items.
Using a custom velocity template, this is easy to generate. Here are the steps:

  • Create a custom template "selectFormGroup.vm" that merges the content of the selectGroup.vm which is used for the select page, and formGroup.vm used for the form page. Click here to download a sample of such a template that uses partial page rendering to refresh the form items when the user selects another entry in the select list.
  • Change the layout style of the group from "select=form" to "form".
  • While selecting the correct group in the navigator, select the templates tab and set the FORM_GROUP template to  your newly created template, for example "default/pageComponent/selectFormGroup.vm".
  • Run the JHeadstart Application Generator.
  • Run your application.
That's all. When you apply these steps to the Jobs group in the HR demo, it will look like this:

AddThis Social Bookmark Button

Comments (1)

its real magical custom capacity on Jheadstart 10.1.3!

Posted by Ting Rung | October 13, 2006 9:17 AM

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)