November Happy Hour will be moved to Thursday December 5th.

XForms Layout

Vote:
 

Hello

I was wondering... is there any smart way to change layout of an XForm. For example i don't whant to put everything inside a <table> and so on, I want to put it inside <li>:s instead... thats wy I google:ed a bit and found this ( http://www.frederikvig.com/2010/11/semantic-markup-with-episerver-xforms/ ) among other results. It involves taking a string and replace some values ​​inside it and hope for the best... this won't work in the long run.

Isn't there a way to create custom buttons/inputs and so on... or maybe override existing items or... Please help me to find a proper way to do this.

#51729
Jun 21, 2011 13:50
Vote:
 

If you want to extend xform, take a look at this blog post

http://world.episerver.com/Blogs/Anders-Hattestad/Dates/2010/5/Extend-EPiServer-XForm/

#51755
Jun 21, 2011 14:21
Vote:
 

Hmmm.. ah ok... have read and feels like I understand it all... almost... I can change them... item by item but the bounding table!?!

Is it possible to clean up... for example i don't want to have them inside a Table, I just want a list of data so I can render a <ul><li></li></ul> of all that... and put buttons inside a <div> outside and so on...

 

#51758
Jun 21, 2011 16:01
Vote:
 

the code shows how to adress the form elelements ;), and you can use the same logic to change the table

if you use the HtmlAgilityPack you should be able to find the modell, and change table to ul, td til li etc

 

#51765
Jun 22, 2011 9:18
Vote:
 

Mmm... I think I will try this eventually

 

Thankyou

#51783
Edited, Jun 22, 2011 15:58
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.