Hello,
I have just started using cmsmadesimpe, and am already impressed with the general ease of use and range of features.
I am using version 1.9.4.1 running on an apache server with MySQL (I'm not sure which versions of these are running on my ISP's server).
I have produced an initial website http://www.cococare.co.uk using a modified version of the 'Blue City' theme by Pawel Rebelak, and everything is working OK on the site apart from the news panel at the left hand side of the page.
When I click the news link, the news detail page displays OK, but the news panel on the left hand side refreshes to show the same information twice, but with the top version formatted using a different colour scheme to the rest of the site.
e.g. From the home page, click on the 'CoCoCare Website Launched' link in the left hand news panel, and see the resulting change in the news panel.
I have made changes to the css from the original template to insert the cococare logo and to change the colours to match, but apart from that have not made any significant changes to the css or templates (other than editing the news module to set friendly urls for news pages).
If I replace the theme with something else, e.g. 'Green Hills' (also by Pawel Rebelak) or the default cmdms theme, then the news panel behanves correctly, but if I switch back to my modified theme or the original 'Blue City' theme, I get the problem with the news panel.
I have tried using the original 'Blue City' theme and my modified version on a website on my local PC, and don't get the same issue, so presumably I have messed something up in one of my templates.
I'm sorry if I haven't provided enough detail yet for an answer to be given, but I'm not sure what other information would help a cmsmadesimple expert solve this problem.
All help will be gratefully received by this cmsms novice!
Regards,
Mark Woodward
[SOLVED] News panel formatting problem
[SOLVED] News panel formatting problem
Last edited by mwoodward on Fri Apr 15, 2011 12:18 pm, edited 1 time in total.
Re: News panel formatting problem
It looks like you have 2 different template and in the News page one you added {news} tag to the sidebar content when editing page...
Re: News panel formatting problem
Hi Dr.CSS,
Thanks for taking a look. I only have one template defined (I've deleted all the others now). My template is copied below; I can only see one reference to news, and this template has been applied to all pages.
I did have a look through the various 'news' templates (summary, detail, form & browse category), but couldn't spot the problem in them either.
{content assign="capturedcontent"}
{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
{* Change lang="en" to the language of your site *}
{* note: anything inside these are smarty comments, they will not show up in the page source *}
<head>
<title>{if isset($pagetitle)}{$pagetitle} | {sitename}{else}{title} | {sitename}{/if}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}
{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
<link rel="shortcut icon" href="/favicon.ico" />
{stylesheet}
{* This is how all the stylesheets attached to this template are linked to it *}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{literal}
<__script__ type="text/JavaScript">
<!--
//pass min and max - measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}
<!--[if lte IE 6]>
<__script__ type="text/javascript" src="/uploads/CoCoCareMk1/CSSMenu.js"></__script>
<![endif]-->
{* The above JavaScript is required for CSSMenu to work in IE *}
</head>
</__body>
<div id="pagewrapper">
<ul class="accessibility">
<li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
<li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
{* end accessibility skip links *}
<hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *}
<div id="search">
{search}
</div>
{* End Search *}
{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "Layout: Top menu + 2 columns" *}
<div id="header">
{* a link back to home page and the header left image/logo, text is hidden using CSS *}
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
<hr class="accessibility" />
</div>
{* End Header *}
{* Start Top*}
<div id="top">
The New Vocational Day Service for Adults with Learning Disabilities
</div>
{* End Top*}
{* Start Navigation *}
<div id="menu_vert">
{* stylesheet "Navigation: CSSMenu - Horizontal" *}
<h2 class="accessibility">Navigation</h2>
{menu template="CoCoCareMk1 : cococareMk1"}
<hr class="accessibility" />
</div>
{* End Navigation *}
{* Start Content *}
<div id="content">
{* Start Sidebar *}
<div id="sidebar">
{content block='Sidebar'}
{* Start News, stylesheet "Module: News" *}
<div id="news">
<h2>News</h2>
{news number='3' detailpage='news'}
</div>
{* End News *}
</div>
{* End Sidebar *}
<div class="back1">
<div id="main">
<div class="breadcrumbs">
{breadcrumbs starttext='You are here' root='Home' delimiter='»'}
<hr class="accessibility" />
</div>
<div style="float: right;">{print showbutton=true script=true}</div>
<h2>{title}</h2>
{* End Breadcrumbs *}
{$capturedcontent}
<br />{* to insure space below content *}
{* Start relational links *}
{* note this is the right side, when you float: divs you need to have float: right; divs first *}
<div class="right49">
<p>{anchor anchor='main' text='^ Top'}</p>
</div>
<div class="left49">
<p> {cms_selflink dir="previous" label="Previous page: "}
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
<br />
{cms_selflink dir="next"}
</p>
</div>
{* End relational links *}
<hr class="accessibility" />
<div class="clear"></div>
</div>
</div>
{* End Content Area *}
</div>
{* End Content *}
{* Start Footer. Edit the footer in the Global Content Block called "footer" *}
<div id="footer">
<p>Vocational Day Services for Adults with Learning Disabilities in the Colchester area.<br/>
© Copyright 2011 - CoCoCare</p>
</div>
{* End Footer *}
</div>
{* end pagewrapper *}
<__body>
</__html>
Any suggestions?
Thanks for taking a look. I only have one template defined (I've deleted all the others now). My template is copied below; I can only see one reference to news, and this template has been applied to all pages.
I did have a look through the various 'news' templates (summary, detail, form & browse category), but couldn't spot the problem in them either.
{content assign="capturedcontent"}
{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
{* Change lang="en" to the language of your site *}
{* note: anything inside these are smarty comments, they will not show up in the page source *}
<head>
<title>{if isset($pagetitle)}{$pagetitle} | {sitename}{else}{title} | {sitename}{/if}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}
{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
<link rel="shortcut icon" href="/favicon.ico" />
{stylesheet}
{* This is how all the stylesheets attached to this template are linked to it *}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{literal}
<__script__ type="text/JavaScript">
<!--
//pass min and max - measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}
<!--[if lte IE 6]>
<__script__ type="text/javascript" src="/uploads/CoCoCareMk1/CSSMenu.js"></__script>
<![endif]-->
{* The above JavaScript is required for CSSMenu to work in IE *}
</head>
</__body>
<div id="pagewrapper">
<ul class="accessibility">
<li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
<li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
{* end accessibility skip links *}
<hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *}
<div id="search">
{search}
</div>
{* End Search *}
{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "Layout: Top menu + 2 columns" *}
<div id="header">
{* a link back to home page and the header left image/logo, text is hidden using CSS *}
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
<hr class="accessibility" />
</div>
{* End Header *}
{* Start Top*}
<div id="top">
The New Vocational Day Service for Adults with Learning Disabilities
</div>
{* End Top*}
{* Start Navigation *}
<div id="menu_vert">
{* stylesheet "Navigation: CSSMenu - Horizontal" *}
<h2 class="accessibility">Navigation</h2>
{menu template="CoCoCareMk1 : cococareMk1"}
<hr class="accessibility" />
</div>
{* End Navigation *}
{* Start Content *}
<div id="content">
{* Start Sidebar *}
<div id="sidebar">
{content block='Sidebar'}
{* Start News, stylesheet "Module: News" *}
<div id="news">
<h2>News</h2>
{news number='3' detailpage='news'}
</div>
{* End News *}
</div>
{* End Sidebar *}
<div class="back1">
<div id="main">
<div class="breadcrumbs">
{breadcrumbs starttext='You are here' root='Home' delimiter='»'}
<hr class="accessibility" />
</div>
<div style="float: right;">{print showbutton=true script=true}</div>
<h2>{title}</h2>
{* End Breadcrumbs *}
{$capturedcontent}
<br />{* to insure space below content *}
{* Start relational links *}
{* note this is the right side, when you float: divs you need to have float: right; divs first *}
<div class="right49">
<p>{anchor anchor='main' text='^ Top'}</p>
</div>
<div class="left49">
<p> {cms_selflink dir="previous" label="Previous page: "}
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
<br />
{cms_selflink dir="next"}
</p>
</div>
{* End relational links *}
<hr class="accessibility" />
<div class="clear"></div>
</div>
</div>
{* End Content Area *}
</div>
{* End Content *}
{* Start Footer. Edit the footer in the Global Content Block called "footer" *}
<div id="footer">
<p>Vocational Day Services for Adults with Learning Disabilities in the Colchester area.<br/>
© Copyright 2011 - CoCoCare</p>
</div>
{* End Footer *}
</div>
{* end pagewrapper *}
<__body>
</__html>
Any suggestions?
Re: News panel formatting problem
OK, problem now resolved thanks.
I'm still not sure where the offending code was, but I have copied the main template from the 'Green Hills' theme to overwrite my version, and it now behaves correctly, so it was definitely something that I messed up in the template.
I'm still not sure where the offending code was, but I have copied the main template from the 'Green Hills' theme to overwrite my version, and it now behaves correctly, so it was definitely something that I messed up in the template.
