XForms Layout

Patrik Nordlund

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

Anders Hattestad

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

Patrik Nordlund

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

Anders Hattestad

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

Patrik Nordlund

Vote:

Mmm... I think I will try this eventually

Thankyou

#51783

Edited, Jun 22, 2011 15:58