Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDevelopment and...Development and...Getting StartedGetting StartedDNN 6 Form Pattern?DNN 6 Form Pattern?
Previous
 
Next
New Post
2/16/2012 8:52 AM
 
Hello there,I am building a nice and shiny wizard-style form for our portal, using dnnTabs to seperate the different steps. Validation between steps is troublesome. I would prefer all JQuery validation, but I am having a hard time getting it to work flawless. The options listed for dnnTabs

 plugin sound enticing, but I can't find any documentation on it? 

So for now, it's unclear to me what these options do:

clickToToggleIsolatedSelector: 'a', // The isolated element that performs toggle action 
validationTriggerSelector: '.dnnPrimaryAction', // elements that trigger client side validation logic 
invalidItemSelector: '.dnnFormError[style*="inline"]', // identifies an invalid item in a panel validationGroup:

I suppose I should try to follow the DNN 6 Form Pattern, as suggested, but I haven't really found a good example of that either. 

Can anyone point me in the right direction?

Thanks in advance!

Best regards,

Ries Spruit

 
New Post
2/16/2012 5:43 PM
 
you can find some useful info and links at http://www.dotnetnuke.com/Resources/Wiki/Page/DotNetNuke-6-Developer-Quick-Start.aspx#Form_Pattern__10 , and you can read about the available built in plugins at http://www.dotnetnuke.com/Resources/Wiki/loc/allpages/Cat/jQuery.aspx

Buy the new Professional DNN7: Open Source .NET CMS Platform book Amazon US
 
New Post
2/25/2012 11:22 AM
 

Hi Cathal,

Thanks for your time and reply. I had a look at these pages. What I am missing is an example of using the below three options in dnnPanels to do step by step validation when using dnnTabs or dnnPanel in a wizard-like scenario.

Options: 

validationTriggerSelector: '.dnnPrimaryAction', // elements that trigger client side validation logic 
invalidItemSelector: '.dnnFormError[style*="inline"]', // identifies an invalid item in a panel 
validationGroup: '', // allows for the usage of a validation group

In the end I just used jquery validation, which seems to deal with hidden fields perfectly. So the wizard scenario is actually fairly easy to implement. Use don't confuse the required="required" attribute and class="required" like I did, because you will keep pulling your hair out, trying to get your wizard to work in Internet Explorer..

I'll post some code when I have finalized the wizard.

 
New Post
2/28/2012 6:04 PM
 
sorry for the delay in coming back, i have limited internet activity at the moment as im at a conference - I did however just notice that the ux team published the initial beta of the interactive uxguide which is well worth looking at http://uxguide.dnngallery.com/UIPatterns/Tabs/tabid/232/Default.aspx

Buy the new Professional DNN7: Open Source .NET CMS Platform book Amazon US
 
Previous
 
Next
HomeHomeDevelopment and...Development and...Getting StartedGetting StartedDNN 6 Form Pattern?DNN 6 Form Pattern?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out