saseow
Posts: 744
|
| Posted: 06/22/2011, 1:49 AM |
|
Two things:
I am trying to create a different menu for administrator pages.
1) If I copy the Header to Header_a the menu graphics are lost and only text links remain.
2) If I place the menu in a Panel (hoping to have two and show/hide when required) The panel is shown as a graphic in the web browser.
Anyone have a fix/solution for this?
Thanks,
Trevor
|
 |
 |
datadoit
|
| Posted: 06/22/2011, 6:19 AM |
|
When you're displaying Artisteer styled menus in CodeCharge, you MUST
have the following script call AFTER CodeCharge's calls to WCH.js,
ADxMenu.js, and adx.css:
<script language="JavaScript" src="{page:pathToRoot}js/menu/ArtMenu.js"
type="text/javascript"></script>
So if you have multiple menus on your page (either directly or via
includable pages), then you have to have the above script call for each
menu displayed.
|
|
|
|
saseow
Posts: 744
|
| Posted: 06/22/2011, 7:00 AM |
|
Hi datadoit,
If I add a Panel around the menu (which I want to hide) I get the messed up menus and Panel line showing. The ArtMenu call is after all the CCS calls:
//Include User Scripts @1-EE567D96
//--><!]]>
</script>
<script language="JavaScript" src="{page:pathToRoot}js/menu/WCH.js" type="text/javascript"></script>
<script language="JavaScript" src="{page:pathToRoot}js/menu/ADxMenu.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{page:pathToRoot}Styles/adx.css" />
<link rel="stylesheet" type="text/css" href="{page:pathToRoot}Styles/Basic/Menu_Components.css" />
<script language="JavaScript" type="text/javascript">
<!--//--><![CDATA[//><!--
//End Include User Scripts
//bind_events @1-9EBA89C2
function Header_bind_events() {
addEventHandler("HeaderPanel1MainMenuContainer", "load", load_ADxMenu);
}
//End bind_events
//End CCS script
//--><!]]>
</script>
<script language="JavaScript" src="{page:pathToRoot}js/menu/ArtMenu.js" type="text/javascript"></script>
<div id="art-main">
<div class="art-header">
<div class="art-header-clip">
<div class="art-header-center">
<div class="art-header-png">
</div>
</div>
</div>
<div class="art-header-wrapper">
<div class="art-header-inner">
<div class="art-headerobject">
</div>
<div class="art-logo">
<h1 class="art-logo-name"><a href="#">SCSM</a></h1>
<h2 class="art-logo-text">Snow Cone Sales Management</h2>
</div>
</div>
</div>
</div>
<div class="cleared reset-box">
</div>
<!-- BEGIN Panel Panel1 -->
<!-- BEGIN Menu MainMenu -->
<div class="art-nav" id="HeaderMainMenuContainer">
<div class="art-nav-l">
</div>
<div class="art-nav-r">
</div>
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<ul class="art-hmenu">
<!-- BEGIN Item -->
<!-- BEGIN OpenLevel -->
<ul>
<!-- END OpenLevel -->
<li><a href="{ItemLink_Src}" class="{MainMenu:Submenu}" target="{MainMenu:Target}" title="{MainMenu:Title}">{ItemLink}</a>
<!-- BEGIN CloseItem --></li>
<!-- END CloseItem -->
<!-- BEGIN CloseLevel -->
</ul>
</li>
<!-- END CloseLevel --><!-- END Item -->
</ul>
</div>
</div>
</div>
</div>
<!-- END Menu MainMenu --><!-- END Panel Panel1 -->
I don't think that this is the hassle.
Thank you so much for the reply. Any other ideas would be great! Thank you.
|
|
|
|
datadoit
|
| Posted: 06/22/2011, 7:53 AM |
|
I've personally never wrapped menus in panels. I always put menus into
their own includable files and show/hide the includable accordingly.
The problem with putting a menu into a panel is that the menu will still
get loaded via the bind_events javascript function.
Try reworking your page so that the menu portion (including the
appropriate Artisteer styling for the menu) is in an includable page.
|
|
|
|
saseow
Posts: 744
|
| Posted: 06/22/2011, 8:02 AM |
|
Thanks datadoit, I will mess around with this and see what happens. It may be that show/hide include files may also show that the Panel. We shall see.
I have locked a bug with Artisteer and sent them all the files etc. We shall see if they come up with anything.
If resolved, I will post the fix here for any other poor soul who has this hassle.
Thanks again,
Trevor
|
|
|
|
saseow
Posts: 744
|
| Posted: 06/22/2011, 9:24 PM |
|
Morning datadoit,
This is just too strange: If I copy the Header to say...Header_a and then include Header_a in a new page, the menus come out as text links and not graphics. Only the name of the file has changed and all references to it in the HTML.
This makes me believe that the name Header is hard-coded somewhere else in the Artisteer files so that changing it causes problems. This means that you cannot create any other includeable files as obviously the name will have to change.
Still have not got a solution from Artisteer support.
|
|
|
|
andrewi
Posts: 162
|
| Posted: 06/23/2011, 12:48 AM |
|
Morning saseow,
I believe that code in included pages is parsed using the name given to it in the main page, not by the file name of the includable page. (Peter once seemed to confim this http://forums.codecharge.com/posts.php?post_id=47616&s_keyword=header ). I've sidestepped this issue by always using the same name (e.g. "Header") for both the file name and the include object.
Possibly if you change the Name of the Include-Page object on the main form from "Header_a" to "Header" (but leave the Page property as Header_a.ccp) it will work. (not that that will solve your original problem)
... I haven't explained that well, but I think it may be what you're experiencing here.
Regards,
Andrew
|
|
|
|
saseow
Posts: 744
|
| Posted: 06/23/2011, 1:11 AM |
|
Good morning andrewi,
Thank you for the reply but I am now convinced that this is a problem with Artisteer.
Any combination of names for the include page name and page in the main page still changes the menu to text links.
I have not heard back from Artisteer yet I hope they do reply speedily.
Thanks again!
|
|
|
|
saseow
Posts: 744
|
| Posted: 06/23/2011, 3:36 AM |
|
OK, here is the fix from Artiseer:
I can repeat the issue you reported, I mean renaming the 'Header' page in CCS project.
Here is what happens when Header page is renamed:
1.
all references to Header page are updated in CCS code (PHP and HTML);
2.
but references to Header page in custom code are not updated.
Let look and header page HTML code, the beginning of menu form looks like:
<!-- BEGIN Menu MainMenu -->
<div class="art-nav" id="HeaderMainMenuContainer">
...
The DIV tag is treated by CCS as "custom code" that is normal.
This DIV includes the header page name, in general it is
<!-- BEGIN Menu <MainMenuName> -->
<div class="art-nav" id="<HeaderPageName><MainMenuName>Container">
...
When Header page is renamed, this reference is not updated by CCS, it's OK.
You should update it manually.
Just open the header page and update header page name here.
Unfortunately I cannot repeat the issue when menu on Header page is located inside UpdatePanel.
However it looks like the issue is similar to reported above.
If you cannot manage with it I recommend that you contact CCS support about it.
|
|
|
|
