Hello Guest

Dynamic Web Page Templates in Xara

  • 17 Replies
  • 17678 Views
*

xtom

  • *****
  • 184
    • View Profile
    • XT CMS
Dynamic Web Page Templates in Xara
« on: October 07, 2013, 06:49:06 PM »
If you need to create dynamic web pages in Xara for use with the cms then the xar/web documents below will show you how to achieve this. The tweak transforms a static web page into a dynamic web page by extending the page length automatically to accommodate any content served by the cms. It also moves the page footer down and stretches the background where applicable.

Web Designer / Designer Pro (v10/v11/v12)

This file works with the new page variants introduced in the newer versions of Web Designer and Designer Pro.

Download tweak for Web Designer / Designer Pro

Note that the latest version of Xara sometimes exports an extra div around placeholder code so you may need add extra <div> tags to the Footer Start placeholder as shown below.

Code: [Select]
</div></div><div class="footer"><div><div>
Web Designer 9 / Designer Pro X9 (and earlier)

Download tweak for Xara Web Designer 9 / Designer Pro X9 and earlier

This file is created with Xara Web Designer 9 and Designer Pro X9 in mind and should work in previous versions too. A video tutorial for this tweak can be viewed at http://youtu.be/4JUFW_nGK0Q



« Last Edit: March 27, 2018, 11:12:10 AM by xtom »

Re: Dynamic Web Page Templates in Xara
« Reply #1 on: October 07, 2013, 08:42:37 PM »
Thanks for this step by step guidance. I now understand what is happening!
Great.

Re: Dynamic Web Page Templates in Xara
« Reply #2 on: November 11, 2013, 11:43:11 PM »
Ok as soon as i add the code to xara for the dynamic page, it makes the pages longer then they should be for some reason. I have tried it on several templates and it is doing it on all of them, is this by design, or am i getting some kind of error.

totaltech.biz is current problem.

*

xtom

  • *****
  • 184
    • View Profile
    • XT CMS
Re: Dynamic Web Page Templates in Xara
« Reply #3 on: November 12, 2013, 09:43:04 AM »
I'm not entirely sure what you mean. The page will be made longer to accommodate the dynamic content but no more than necessary, there is an additional 20px or so added to ensure there is always some whitespace between the content and footer. You can edit this in the tweak if you want but in most situations it's best to have at least this small spacing. Margins at the bottom of dynamic content might increase this a bit more or blank paragraphs, linebreaks etc. at the bottom of your content area.

Re: Dynamic Web Page Templates in Xara
« Reply #4 on: November 12, 2013, 02:10:02 PM »
did you look at my site totaltech.biz i made some graphics to show what is happening, infact the cms is making it even more then it is from the xara preview, if i delete the two little footer boxes from the site everything goes back to proper spacing. put them back in and and the gap grows, and it grows way more then 20px. look at my site and you can see the move that is happening and see if we have any ideas on what could be causing this.

I am using newest xt, and newest xara pro.

Thanks.

Adding to this cause forum is saying i already posted and can repost same thing again. Anyway I have link an image of what is happening below, it happens on anything i try wether it be the xar file from above or another template.

http://totaltech.biz/dynamic%20page%20issue.jpg
« Last Edit: November 12, 2013, 02:44:04 PM by TotalTech »

*

xtom

  • *****
  • 184
    • View Profile
    • XT CMS
Re: Dynamic Web Page Templates in Xara
« Reply #5 on: November 12, 2013, 09:12:36 PM »
I had a look at your web page but without seeing the xar file it's hard for me to understand what's going on. However I had a look at the dynamic page xar file itself and it seems that if the page with dynamic content ends up shorter than the browser window you will get a longer than expected page because it looks like the document height measurement in the tweak takes into account the browser window and it's acting kind of like a minimum height. So I think the extra length will happen when viewing very short pages (shorter than browser window) and once the content/page runs longer than the browser window the page length should be as expected. Would this explain what you are getting on your end? It might be preferable to not use the tweak for short pages and only use it for longer pages where there is going to be more dynamic content.

Re: Dynamic Web Page Templates in Xara
« Reply #6 on: November 12, 2013, 09:50:34 PM »
Yeah, I had been looking at this today and discovered the same thing, also from the xara standpoint, it looks as though you should design your footer, then hid it basically and design the page as if it is not there, cause the code put the footer basically below the page, so I think for the most part I just need to plan my designs out just a bit different when using the xt-cms system.

I am going to play around a bit and see if I can tweak this a bit more to get a more consistant result, but thanks for all your help and love the work you have done on this.

*

xtom

  • *****
  • 184
    • View Profile
    • XT CMS
Re: Dynamic Web Page Templates in Xara
« Reply #7 on: May 08, 2014, 12:53:28 PM »
I've added a new page tweak which should work with the new responsive design/page variants in Web Designer 10. The v9 tweak has been updated as well which should address the issue with extra space on short pages. 

Re: Dynamic Web Page Templates in Xara
« Reply #8 on: May 11, 2014, 02:58:43 AM »
So to use this with the CMS  would I need to have the {page_content} tag with in a div like this:

<div class=

*

xtom

  • *****
  • 184
    • View Profile
    • XT CMS
Re: Dynamic Web Page Templates in Xara
« Reply #9 on: May 12, 2014, 07:44:37 AM »
Yes, just make sure to use straight double quotes " in the html

Code: [Select]
<div class="my_d_content">
{page_content}
</div>

*

xtom

  • *****
  • 184
    • View Profile
    • XT CMS
Re: Dynamic Web Page Templates in Xara
« Reply #10 on: July 25, 2014, 09:44:30 AM »
**Update**

These dynamic page tweaks for xara have been updated and now work with full width backgrounds on the pasteboard layer. In Xara just add the name htmlclass="footerBackground" to the highest footer object on your page and  to any footer objects that are not on your footer layer eg. footer backgrounds on the pasteboard layer.

The javascript is also now minified and compressed to be more efficient on your web page and the unminified source is also included should you need to modify it.

Re: Dynamic Web Page Templates in Xara
« Reply #11 on: November 16, 2015, 01:05:52 PM »
Does this only work with the CMS?

I've been trying to find a way to convert a Xara page to use dynamic height with a widget that I use and I thought this method might solve the problem but I can't get it to work even though I copied the placeholders and footer direct from you example complete with their HTML code.

*

xtom

  • *****
  • 184
    • View Profile
    • XT CMS
Re: Dynamic Web Page Templates in Xara
« Reply #12 on: November 17, 2015, 10:13:27 AM »
Hi Steve, this works without the cms too. In the content placeholder just replace the cms tag {page_content} with whatever html or php code that you want. You can test it out by just changing the {page_content} tag to a load of test paragraphs <p>test</p>

It's intended for dynamic content served from server side using for example php so if the widget generates content client side via javascript then I'm not sure, I haven't tested that but it might not work in that scenario.

Re: Dynamic Web Page Templates in Xara
« Reply #13 on: November 10, 2016, 11:46:46 AM »
Hello Friends,

In the tweak is the following possibility given.

The page will extend automatically when it loads but you can also make it extend after it loads by using class="extend_page" - when any element with this class is clicked on it will extend the page. This can be useful for forms that show hidden content on the page after load. You can change this class name and the trigger event itself in the javascript code by editing the head code in the Footer Start placeholder.


But I have absolutely no idea how should i aplly it!

Can you give me some hint

Thanks

Re: Dynamic Web Page Templates in Xara
« Reply #14 on: March 13, 2018, 06:07:08 AM »
Is the Dynamic Web Page Tamplate working in the newest versions of Web Designer?
I am using MAGIX Web Designer Premium 15.0.0.52929  DL x64 Feb  9 2018 with XT-CMS (now Demo).
It don