Member Avatar for cetinertas

Hi,
I seperated the layout with struts tiles. Now my question is how can I add scrollable feature to the left panel. Although it is inside the table as:

<td valign="top" height="100%" width="100%">
 <table cellpadding="0" cellspacing="0" height="100%" class="st08">
<tr>
 <td height="100%" valign="top" style="border-right: 3px solid ;" >
<tiles:insert attribute="left.panel"/>
 </td>
</tr>
 </table>
</td>

Now I want the table to have horizantal scroll bar when the column exceeds the width. code]<div style="overflow:auto"></div>[/code]does not work. Is there any idea?

Left me write my leftpanel.jsp here:

<table cellspacing="0" cellpadding="0" border="5">

 <tree:tree tree="tree.model" node="tree.node" includeRootNode="false">

  <tr>

   <td>

    <table cellspacing="0" cellpadding="0" border="0" height="100%">
     <tr>

      <td>
       <tree:nodeIndent node="tree.node" indentationType="type">
       <tree:nodeIndentVerticalLine indentationType="type"><img src="/ikryukleme/images/verticalLine.gif"></tree:nodeIndentVerticalLine>
       <tree:nodeIndentBlankSpace indentationType="type" ><img src="/ikryukleme/images/blankSpace.gif"></tree:nodeIndentBlankSpace></tree:nodeIndent>
      </td>
      <td>

        <tree:nodeMatch node="tree.node" hasChildren="true" expanded="false" isLastChild="false">
            <a href="/ikryukleme/jsp/tree.jsp?expand=<tree:nodeId node="tree.node"/>&select=<tree:nodeId node="tree.node"/>"><img src="/ikryukleme/images/collapsedMidNode.gif" border="0"> <img src="/ikryukleme/images/openFolder.gif"/>
            </a>
        </tree:nodeMatch>

        <tree:nodeMatch node="tree.node" hasChildren="true" expanded="true" isLastChild="false" >
            <a href="/ikryukleme/jsp/tree.jsp?collapse=<tree:nodeId node="tree.node"/>&select=<tree:nodeId node="tree.node"/>"><img src="/ikryukleme/images/expandedMidNode.gif" border="0">
            </a>
        </tree:nodeMatch>
        <tree:nodeMatch node="tree.node" hasChildren="true" expanded="false" isLastChild="true">
            <a href="/ikryukleme/jsp/tree.jsp?expand=<tree:nodeId node="tree.node"/>&select=<tree:nodeId node="tree.node"/>"><img src="/ikryukleme/images/collapsedLastNode.gif" border="0">
            </a>
        </tree:nodeMatch>
        <tree:nodeMatch node="tree.node" hasChildren="true" expanded="true" isLastChild="true">
            <a href="/ikryukleme/jsp/tree.jsp?collapse=<tree:nodeId node="tree.node"/>&select=<tree:nodeId node="tree.node"/>"><img src="/ikryukleme/images/expandedLastNode.gif" border="0">
            </a>
        </tree:nodeMatch>
        <tree:nodeMatch node="tree.node" hasChildren="false" isLastChild="false">
            <a href="/ikryukleme/yukleme.tk?nodeId=<tree:nodeId node="tree.node"/>&nodeName=<tree:nodeName node="tree.node"/>&nodeType=<tree:nodeType node="tree.node"/>">
            <img src="/ikryukleme/images/noChildrenMidNode.gif" border="0"><span style="Font-Size: 12px;"><b><tree:nodeName node="tree.node"/></b></span></a>
        </tree:nodeMatch>
        <tree:nodeMatch node="tree.node" hasChildren="false" isLastChild="true">
            <a href="/ikryukleme/yukleme.tk?nodeId=<tree:nodeId node="tree.node"/>&nodeName=<tree:nodeName node="tree.node"/>&nodeType=<tree:nodeType node="tree.node"/>">
            <img src="/ikryukleme/images/noChildrenMidNode.gif" border="0"><span style="Font-Size: 12px;"><b><tree:nodeName node="tree.node"/></b></span></a>
        </tree:nodeMatch>


        <tree:nodeMatch node="tree.node" selected="true" hasChildren="true"><span style="Font-Size: 12px;"><b><tree:nodeName      node="tree.node"/></b></span></tree:nodeMatch>
        <tree:nodeMatch node="tree.node" selected="false" hasChildren="true"><a href="/ikryukleme/jsp/tree.jsp?select=<tree:nodeId node="tree.node"/>&expand=<tree:nodeId node="tree.node"/>""><span style="Font-Size: 12px;"><tree:nodeName      node="tree.node"/></span></a></tree:nodeMatch>

       </td>

     </tr>
    </table>

   </td>

  </tr>

 </tree:tree>
</table>

Think the width of the left panel is static.
As you see my tree.jsp always refreshes when a node is selected, I want this table have a horizantal scroll bar when any table width exceeds the width of the left panel.

Edited by Dani because: Formatting fixed
  • 2 Contributors
  • 1 Reply
  • 135 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by jwenting
Member Avatar for jwenting

You need to specify the width of the table to accomplish that. I don't use Struts so I can't tell you how to determine the width of the panel at runtime to feed it to the table declaration.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.