Previewing Pages

**Bindi** · 21 May 2016, 02:08 AM

NB This is where i got the FAQ Accordian code from

http://webdevelopmentspider.blogspot...l?view=classic

**siran** · 21 May 2016, 03:52 AM

So the closing </div> is already missing in the example on that page...
Strange that it doesn't work with the JQuery version included by Xara (which is some 1.8.x it think).

**Bindi** · 21 May 2016, 08:41 PM

Is there an alternative ? I really don't understand the whole jquery thing and didn't realise there was different versions ...I wouldn't like to the use the one i was working on if it may cause conflict..just seeking an easy style faq accordion..thanks

**siran** · 22 May 2016, 04:03 AM

Followed the instructions on the site you posted. It still works after removing the JQuery includ and adding the name UsesJQuery. Please check the attached example.

**Bindi** · 23 May 2016, 12:30 AM

Thank you siran , i have now installed and in preview mode all appears to be working ok but in the xara program when you tick the box to regenerate image automatically it just appears as the black square , is this ok ? Also happened to find this faq accordian here
http://board.xara-users.info/viewtopic.php?f=8&t=4168
with a xar file attached is this one ok to use also .Many thanks for your help, greatly appreciated . Bindi

**siran** · 23 May 2016, 07:00 AM

The representation of the placeholder doesn't really matter.
The example on xara-users seems to be created for an older Xara version which might not have supported the UseJQuery name and also includes JQuery directly, which again might cause problems.
Additionally the head code contains an extra <head> and </head> pair which leads to formal invalid html, but modern browsers seem to just ignore that fact.
I have adapted both examples so that everything is included in the placeholder and the 'Re-generate placeholder image automatically' should work now.

**Bindi** · 23 May 2016, 11:03 PM

Thank you so much Siran

**siran** · 23 May 2016, 11:51 PM

Thanks have to go to the original authors.

**behzad** · 17 February 2017, 02:26 PM

on chrome the inspect feature is great to check for different sizes. With xara if you drag the screen the mobile version will not appear. You got to play around with the mobile device options chrome gives once you switch to inspect mode.