Hi
I really need to make the Preview button open a new window so hopefully I can specify a window width in pixels. I need this to match the actual width (the dynamic content at least) of the website so clients get a better grasp of what they're editing. At the moment it always opens a new tab in the browser but this doesn't give a good indication of what their page will look like on their website, as the preview tab will be as wide as my full CMS interface (of larger if they have their browser maximised) ) rather than my 800px wide editor window.
Tested in Firefox, Safari, Chrome in OS X.
Any ideas or suggestions would be greatly appreciated.
(Initially I wanted to style the preview window to include the background graphics, header & footer etc but that isn't too important for now!)
I really need to make the Preview button open a new window so hopefully I can specify a window width in pixels. I need this to match the actual width (the dynamic content at least) of the website so clients get a better grasp of what they're editing. At the moment it always opens a new tab in the browser but this doesn't give a good indication of what their page will look like on their website, as the preview tab will be as wide as my full CMS interface (of larger if they have their browser maximised) ) rather than my 800px wide editor window.
Tested in Firefox, Safari, Chrome in OS X.
Any ideas or suggestions would be greatly appreciated.
(Initially I wanted to style the preview window to include the background graphics, header & footer etc but that isn't too important for now!)
Re: Toolbar 'Preview' opens new tab, not a new window
OK, sounds like you have two things going here. The first one regarding the Tabs is controlled by the browser itself and not the editor. I tested on my Mac OS X in FF and the default preview (more on a custom one in a sec ) opened in a separate window as expected. I had to go into the preference of FF to chage the tab option to always open in a tab before it would do what you reported. So check that and either set it to automatically or never. That should then open in a new window VS a Tab.
OK, secondly, you also indicated a need for basically a custom Preview page to help your users get a better feel of what it will look like with your images, CSS's, etc.
I had the exact same need for my users. To make it simple, yet help them see how the CSS of my site will make it all look, keeping in mind the need to show where the menu bar will be, header graphic, etc I created a custom preview plug-in to do just this.
There may be a better way to create this but this one worked for me and my users. Now when they preview they can see the page as it will appear for real when they save the content.
Hope it helps you in your efforts.
Bob