Topic
  • 4 replies
  • Latest Post - ‏2011-07-05T14:31:36Z by LaurenW
SystemAdmin
SystemAdmin
32 Posts

Pinned topic Drop down for a menu from site areas

‏2011-06-13T15:58:23Z |
Hello

I'm really new to all this websphere world and I'm making a web-site(not a portal!) using the media manager. (WebSphere Portal 6.1).

The thing is that I have created a menu component that will fetch certain (main) site areas, and I would like to include drop-down menus that show the child site areas. Just like the one here in IBM web site (at the top).

So how could I manage to do this?

Also, Am I missing something on the web-making process? are there different approaches for end-user web-sites creation using websphere content management? I'd love to be pointed to some documentation and tutoriales on the subject.

I've also been looking for a course on web-site creation with Lotus web content manager but there seems to be none available for my country (ARS) yet :(

Thank you very much in advance =)

This is my menu setup:
Design for each menu search result

<td> <a href=
"<Placeholder tag=" href
"/>"> <Placeholder tag=
"name"/>   </a> <br> </td>


AND this is my HTML_HEADER component

<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv=
"Content-type" content=
"text/html; charset=utf-8" /> <html> <head> <style> A 
{ color: #FFFFFF; text-decoration:none; 
} A:HOVER 
{ text-decoration: underline; 
} .barra 
{ padding-left: 30px; font-family:Tahoma; font-weight:bold; font-size: 11px; background-repeat: repeat-x; background: url(<Component id=
"16895280472a6506bd5fbd13b4d5604f:NC91eG9yaXQvbW9zYmFy" name=
"---it/mosbar"/>) 
} </style> </head> <body> <center> <table width=859 border=0 cellspacing=0 cellpadding=0> <tr> <td width=33,3% align=
"left" valign=
"bottom"> <Component id=
"1868e100472a2ed9bcfdbc13b4d5604f:NC91eG9yaXQvbG9nb3RvcA==" name=
"---it/logotop"/> </td> <td width=23,3%> </td> <td width=43,3% align=
"right" valign=
"top"> <table cellpadding=0 cellspacing=0> <tr> <td width=15 height=30> <Component id=
"ff8a0d00472a82c8be41be13b4d5604f:NC91eG9yaXQvaWRpb2l6cQ==" name=
"---it/idioizq"/> </td> <td style=
'font-family: Tahoma;font-weight: bold;font-size:12px;color: #FFFFFF;background: url(<Component id="17886f00472a827ebe39be13b4d5604f:NC91eG9yaXQvbW9zaWRpb21h" name="---it/mosidioma"/>)'> <a>ESPANOL</a> /  <a>ENGLISH</a> /  <a>PORTUGUES</a> </td> <td width=15 height=30> <Component id=
"f455d200472a8306be49be13b4d5604f:NC91eG9yaXQvaWRpb2Rlcg==" name=
"---it/idioder"/> </td> <td> <Component id=
"27dd2700472a8d1fbe8dbe13b4d5604f:NC91eG9yaXQvc29icmU=" name=
"---it/sobre"/> </td> </tr> </table> </td> </tr> <tr> <td colspan=3> <table width=
"100%" height=
"27" cellspacing=0 cellpadding=0> <tr> <td width=33> <Component id=
"6015d700472a29c6bcd4bc13b4d5604f:NC91eG9yaXQvYmFycmFpenE=" name=
"---it/barraizq"/> </td> <td width=100% align=
"center" class=
"barra"> <Component id=
"0a7f0a00472768f3ba5eba13b4d5604f:NC91eG9yaXQvdG9wbmF2" name=
"---it/topnav"/> </td> <td width=33> <Component id=
"b2322780472a2aaebcddbc13b4d5604f:NC91eG9yaXQvYmFycmFkZXI=" name=
"---it/barrader"/>                                     </td> </tr> </table> </td> </tr> <tr> <td colspan=3> <Component id=
"8b99f200472a3653bd0cbd13b4d5604f:NC91eG9yaXQvYmFubmVy" name=
"---it/banner"/> </td> </tr> </table>


Esteban
Updated on 2011-07-05T14:31:36Z at 2011-07-05T14:31:36Z by LaurenW
  • SystemAdmin
    SystemAdmin
    32 Posts

    Re: Drop down for a menu from site areas

    ‏2011-06-14T19:39:36Z  
    Ok I just found the answer to my own question.

    Just in case anyone else runs into this problem, here are some hints:

    you can get the drop-down javascript applet from here:
    http://www.deir.qld.gov.au/workplace/index.htm

    Just surf into the source code and check for the imports (js and css).

    Then, for the navigation component:
    
    Start Type: Selected Selected Start Area: ***the main site airea*** Include Start: 
    
    false Ancestor Level: None Descendant Level: 2 Levels Preceding Siblings Level: None Next Siblings Level: None   Show Site: 
    
    false Show Content: 
    
    true Expand current navigator branch one level: 
    
    false Expand navigator to display current site area: 
    
    false Results per page: 14 Start page: 1 Maximum pages to include: 100 Pages to read ahead: 10 Distinguish items with no children using the 
    
    final navigator result design: 
    
    false
    


    header:
    
    <div id=
    "nav1"> <ul id=
    "udm" class=
    "udm"> <li> <script> var cont_menu=1; </script>
    


    footer:
    
    </ul></div>
    


    result 1:
    
    <script> 
    
    if(cont_menu>1) document.write(
    '</ul>'); cont_menu++; </script> <li> <Placeholder tag=
    "Namelink"/> </b> <ul>
    


    result 2:
    
    <li> <Placeholder tag=
    "Namelink"/> </li>
    


    You will also need to play a bit with the css styles in order to get it good-looking and change the colors.

    Just like the one here at IBM :)
  • SystemAdmin
    SystemAdmin
    32 Posts

    Re: Drop down for a menu from site areas

    ‏2011-06-14T19:40:21Z  
    Ok I just found the answer to my own question.

    Just in case anyone else runs into this problem, here are some hints:

    you can get the drop-down javascript applet from here:
    http://www.deir.qld.gov.au/workplace/index.htm

    Just surf into the source code and check for the imports (js and css).

    Then, for the navigation component:
    <pre class="jive-pre"> Start Type: Selected Selected Start Area: ***the main site airea*** Include Start: false Ancestor Level: None Descendant Level: 2 Levels Preceding Siblings Level: None Next Siblings Level: None Show Site: false Show Content: true Expand current navigator branch one level: false Expand navigator to display current site area: false Results per page: 14 Start page: 1 Maximum pages to include: 100 Pages to read ahead: 10 Distinguish items with no children using the final navigator result design: false </pre>

    header:
    <pre class="jive-pre"> <div id= "nav1"> <ul id= "udm" class= "udm"> <li> <script> var cont_menu=1; </script> </pre>

    footer:
    <pre class="jive-pre"> </ul></div> </pre>

    result 1:
    <pre class="jive-pre"> <script> if(cont_menu>1) document.write( '</ul>'); cont_menu++; </script> <li> <Placeholder tag= "Namelink"/> </b> <ul> </pre>

    result 2:
    <pre class="jive-pre"> <li> <Placeholder tag= "Namelink"/> </li> </pre>

    You will also need to play a bit with the css styles in order to get it good-looking and change the colors.

    Just like the one here at IBM :)
    marked as answered! (by myself heh)...
  • SystemAdmin
    SystemAdmin
    32 Posts

    Re: Drop down for a menu from site areas

    ‏2011-07-05T14:20:45Z  
    this forum is SO useless.. I keep on finding 2 years old posts.. what's wrong with IBM?

    you just release software that doesn't get any further support, none of my question got a response..
  • LaurenW
    LaurenW
    10 Posts

    Re: Drop down for a menu - Thank you

    ‏2011-07-05T14:31:36Z  
    Hello -

    Thanks for working with WebSphere Portal. This particular forum is dedicated to working with the new Version 8 Beta software (and not for general product support questions).

    You'll find some useful 'Getting Started' materials to address your questions in the IBM WebSphere Portal and Web Content Manager wiki (supporting released versions of the product). Link is here: http://www-10.lotus.com/ldd/portalwiki.nsf/xpViewCategories.xsp?lookupName=IBM WebSphere Portal 7 Product Documentation