Nested SpringLayout panels

I've been trying to organize some panels using SpringLayout, which I'm fairly new to.
What I've got is a summary panel and below it a large table. The Summary panel is divided horizontally into three sub panels (contrasting background) each of which have a series of lable-value pairs. The central panel also has a table and a pie chart.
I'm having problems with the overall height of the summary panel. I just can't get it to work sanely without setting the height to a contant, whereas I'd rather have it calculate the height from the contents.
Inside the summary panel the SOUTH boundary is set relative to the SOUTH of the longest sub-panel. This contstraint just doesn't seem to have any effect.
I've also tried generating a Spring for the height of the summary panel and explicitly setting that as the height in the outer SpringLayout, that doesn't seem to make any difference. Unless I force the height of the summary panel constant it persitently crops about a third of it's display.

Found the error. Fixed now.

Similar Messages

Nested Grid Panels

Hello,
I'm trying to center my website and the only way i though i could do this was to put all my components into some sort of table or something, and since JSC does not support colspans and rowspans, i had to make do with nested Grid Panels. Boy, was i in for a heck of a time.
After a few hours of fudging i finally got the layout i wanted, in Design Mode that is. When i deployed it to the App Server 8 and viewed it in IE, the final result was not rendered the same as what i had in design mode. For instance, i had a nested grid panel which contained a button and an empty grid panel. The empty grid panel was basically used to offset the button in a certain direction for better placement (if there is a better way, pls tell me!). Anyway when deployed, this was not rendered properly such that the empty grid panel was not included - the button was centered in the parent grid panel rather than offset to the right (the way i wanted it).
Another thing which didn't work were some of my image components. Some loaded their images correctly and some others did not - they were blank and had a red cross in the corner.
Is there a known issue with nested grid panels? I had quite a few levels of nests so maybe the browsers did not like this? Thanks a lot.
Mitch_J.

Let me try to clarify what you're seeing here.
The grid panel component is really intended as a -container- component. In particular, at runtime, if the grid panel has zero components as children, it will take up -zero- space. It might render an empty <table> tag, or it might render nothing - I can't remember what's in the component renderer logic. But the end result is the same: You shouldn't use an empty grid panel component as a "spacing" component.
Why does it work in the designer then, you're asking?
That's deliberate designtime behavior to make it easier to work with the component. Let's say you want to drop a grid panel compoent, and then put a button or two in it. First you drop the grid panel. Uh oh - if the designer renders it the same way as it will be at runtime, the grid panel will have size 0,0 (or maybe even be invisible) and you (a) don't see it, and (b) can't drop on it in the designer. (As a workaround, you -can- drop on it in the Outline, but still, this is not what users expect at designtime).,
So, the component designtime renderer will enforce a minium size on the component for the specific case that the component is empty or invisible, forcing a small border on the component, such that it's easily visible and easily a drop target.
If you want a spacing component, try a Static Text for example, with some space characters in it.
-- Tor
http://blogs.sun.com/tor

Nested Collapsible Panels

Hi I have found a bug in using the collpasible panels, in a
nested manner. No problem in IE 6, after I altered the class for
the main CollapsiblePanel container, to have overflow:hidden( which
prevents (in IE6 & IE7) the nested sub-panels, showing
underneath/through a main panel, when collapsing (even after giving
the main panel a background color).
When interacting with sub-panels, after the initial loading
of the page, the height of the master panels grow appropriately,
based on sub-panel opening and closing, until, the sub-panel is
collapsed and subsequently the main panel is also collapsed.
IN IE 7, a main panel, housing a sub-panel, will not grow to
the appropriate height , after a sub-panel has been collapsed and
then the main-panel is collapsed. After re-opening the main panel
and then clicking the sub-panel's tab, the subpanel's content gets
cuts-off, until the main panel is closed and re-opened, at which
point everything grows correctly.
How do I get the interim height of the subpanel, to size the
main panel correctly, without closing the main panel while the
sub-panel is opened, and then reopening the main panel?

For the first problem you'll have to use overflow: auto which
will not cut the content that will not fit into the element but
instead will show scrollbars. The default behavior in CSS say that
an element shouldn't grow if has a fixed height if the content will
be larger. Instead there are 3 options: the content is displayed on
top over the element but the element shouldn't resize because will
affect all the other elements in the flow (default browser
behaviour, overflow: visible) or it should cut the content and
display the part that enter in the viewport (overflow: hidden) or
should show scrollbars to be able to scroll the viewport and see
the full content (overflow: scroll).
The only method to allow the element to enlarge to the same
size as the content within is to not specify a height. In this
situation the element will expand itself to its content height. In
this situation you'll have to put the useFixedPanelHeights option
of the Accordion widget to false (default is true) which will mean
the Accordion is not controling the height anymore and will leave
each panel with the height you set.
Now, the second problem appears because when you open a panel
we are animating the transition from the element current height to
0px and the other way around by setting a gradual fixed height.
Because of this the last height value used to animate will remain
set to the element. When you change the content into a Panel, the
Panel is no longer able to resize automatically for the reasons I
explained above. Unfortunately there is no solution to this issue
other then to disable the animation by passing "enableAnimation"
option to false into the constructor.
Regards,
Cristian

Nested Accordion Panels

I want to set up a set of nested Accordion panels but I don't know how. For instance I want to make a 3 tier Navigation structure that accordions. So I would have for example: Object 1>Sub 1> Sub Sub1, Object 1>Sub 1> Sub Sub2, Object 1>Sub 2, Object 2>Sub 1> Sub Sub1, Object 2>Sub 1> Sub Sub2, Object 2>Sub 2>Sub Sub 1, Object 2>Sub 2>Sub Sub 2. However, you seem to only be able to have a sliding panel with content under it and not be able to nest it with a panel inside a panel.
I would use the Spry Menu Bar because it has multiple tiers however I really like the sliding feature. I know I have seen this type of menue before but I cannot remember where. Any help would be greatly appreciated.
Also, can you have a diferent number of sub elements? You seem to only be able to pick one size all of your sub content. However, my content is not uniform in length.
Thanks

<!DOCTYPE HTML>
<html>
<head>
<title>Untitled Document</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
        <div id="Accordion2" class="Accordion" tabindex="0">
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 1</div>
            <div class="AccordionPanelContent">Content 1</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 2</div>
            <div class="AccordionPanelContent">Content 2</div>
          </div>
        </div>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script src="SpryAssets/SpryAccordion.js"></script>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false });
var Accordion2 = new Spry.Widget.Accordion("Accordion2", { useFixedPanelHeights: false });
</script>
</body>
</html>
Gramps

Form Guide - Nested Optional Panels questions translations

Hi!
I'm developping a multi language form guide. Thanks to the Paul's workaround, I'm able to translate the field caption. But I cannot find a solution to translate the questions/answers in nested optional panels. Does somebody know a way to do that?
Thank you
Denis

Not that I am aware of

Nested Sliding Panel in an Accordion Panel

I have a nested Sliding Panel inside an Accordion Panel.
The Sliding panel will show until the Accordion panel is
completely closed then it abruptly hides itself.
It does this only in IE of course.
Not sure if a sliding panel can be properly nested inside an
Accordion panel so if anybody could please tell me I would really
appreciate it.
Thank you,
Bisser.

Hi kinblas,
I changed the AccordionPanelContent5 to "hidden" and it still
keeps the image displayed until the Accordion Panel closes, and
then the nested sliding panel image disappears abruptly. This only
happens in IE.
Any other suggestions would be welcome.
Thank you,
Bisser.

How can I nest Tabbed Panels 2

I am trying to learn HTML and need help using Tabbed Panels 2.
I have three defualt tabs which are very simple to do but how can i nest four tabs with content inside one of the defualt tabs?
Link to Documentation.

Haven’t begun to try it yet. Looking at some tutorials.
But I appreciate the heads up.
Bill Liedlich
TerraGroup Corporation
Tactical Water Purification Systems
Po Box 8839
Allentown, PA 18105 USA
p 610-821-7003
f 610-821-7025
[email protected]
[email protected]<mailto:[email protected]>
www.tacticalwater.com<http://www.tacticalwater.com/>
CONFIDENTIALITY NOTICE: This electronic mail transmission, its contents and any attachments to it, are privileged and confidential, and/or may contain legally privileged and confidential information and is intended only for the review of the party or parties to whom it is addressed. Any dissemination, distribution, copying or forwarding of this message, its contents or attachments to other than the intended recipient(s) is strictly prohibited. If you are not one of the intended recipients, or have received this transmission and its contents in error, please immediately return it to the sender. Unintended transmission shall not constitute a waiver of any "Confidentiality Notice" privilege.

Nested tabbed panels

Hi all:
I have tabbed panels nested in tabbed panels and i would like
to link from another page to one of the nested tabs. The code I
have the link is: ?tab=8#TabEditAthlete1?tab=3#TabCommunity1 but
that doesn't work.
i also tried ?tab=8#TabEditAthlete1&tab=3#TabCommunity1
and that doesn't work either.
Any suggestions?
thanks!

url params: ?tab1=1&tab2=3
get the params:
var params = Spry.Utils.getLocationParamsAsObject();
normal = tab1
var TabbedPanels1 = new
Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:(params.tab1
? params.tab1 : 0)});
nested = tab2
var TabbedPanels2 = new
Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:(params.tab2
? params.tab2: 0)});
http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html?panel=2#examples

Nested sliding panels and xml

In this picture I try to explain my data set and the result I'm trying to obtain.
I can't however figure out how to do this without nested regions.
My code looks like this:
<!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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CPS</title>
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<script src="SpryAssets/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="CP_ents" class="CollapsiblePanel">
     <div class="CollapsiblePanelTab" tabindex="0">
          <table>
               <tr>
                    <td spry:when="{ds_CurrentRowID} == {ds_RowID}"
                             spry:setrow="ds_ents"
                                   spry:select="select"
                                   spry:hover="hover"
                                   spry:selected="">+</td>
                    <td>{ds_ents::id}</td>
               </tr>
          </table>
     </div>
     <div class="CollapsiblePanelContent" spry:region="ds_ents">
          <table>
               <tr spry:repeatchildren="ds_servs" spry:choose="">
                    <td> </td>
                    <td><div id="CP_servs" class="CollapsiblePanel">
                              <div class="CollapsiblePanelTab" tabindex="1">
                                   <table>
                                        <tr>
                                             <td width="50">+ servs</td>
                                             <td width="50">id</td>
                                             <td width="50">att1</td>
                                             <td width="50">att2</td>
                                        </tr>
                                   </table>
                              </div>
                              <div class="CollapsiblePanelContent" spry:region="ds_servs">
                                   <table>
                                        <tr spry:repeatchildren="ds_servs">
                                             <td width="50"> </td>
                                             <td width="50">{id}</td>
                                             <td width="50">{att1}</td>
                                             <td width="50">{att2}</td>
                                        </tr>
                                   </table>
                              </div>
                         </div>
                         <div id="CP_conts" class="CollapsiblePanel">
                              <div class="CollapsiblePanelTab" tabindex="2">
                                   <table>
                                        <tr>
                                             <td width="50">+ conts</td>
                                             <td width="50">id</td>
                                             <td width="50">att1</td>
                                             <td width="50">att2</td>
                                        </tr>
                                   </table>
                              </div>
                              <div class="CollapsiblePanelContent" spry:region="ds_conts">
                                   <table>
                                        <tr spry:repeatchildren="ds_conts">
                                             <td width="50"> </td>
                                             <td width="50">{id}</td>
                                             <td width="50">{att1}</td>
                                             <td width="50">{att2}</td>
                                        </tr>
                                   </table>
                              </div>
                         </div>
                         <div id="CP_stats" class="CollapsiblePanel">
                              <div class="CollapsiblePanelTab" tabindex="3">
                                   <table>
                                        <tr>
                                             <td width="50">+ stats</td>
                                             <td width="50">id</td>
                                             <td width="50">att1</td>
                                             <td width="50">att2</td>
                                        </tr>
                                   </table>
                              </div>
                              <div class="CollapsiblePanelContent" spry:region="ds_stats">
                                   <table>
                                        <tr spry:repeatchildren="ds_stations">
                                             <td width="50"> </td>
                                             <td width="50">{id}</td>
                                             <td width="50">{att1}</td>
                                             <td width="50">{att2}</td>
                                        </tr>
                                   </table>
                              </div>
                         </div></td>
               </tr>
          </table>
     </div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
and this is the XML data set:
<?xml version="1.0" encoding="UTF-8"?>
<ents>
     <ent>
          <id>0</id>
          <att1>pippo</att1>
          <servs>
               <serv>
                    <id>A</id>
                    <att1>blah</att1>
                    <att2>bla</att2>
               </serv>
               <serv>
                    <id>B</id>
                    <att1>bloh</att1>
                    <att2>blo</att2>
               </serv>
               <serv>
                    <id>C</id>
                    <att1>bluh</att1>
                    <att2>blu</att2>
               </serv>
          </servs>
          <conts>
               <cont>
                    <id>a</id>
                    <att1>hwrtfgh</att1>
               </cont>
               <cont>
                    <id>b</id>
                    <att1>asdf</att1>
               </cont>
          </conts>
          <stats>
               <stat>
                    <id>1</id>
                    <att1>FDSA</att1>
                    <att2>OIUY</att2>
               </stat>
               <stat>
                    <id>2</id>
                    <att1>Bm76g</att1>
                    <att2>87f5r6</att2>
               </stat>
               <stat>
                    <id>3</id>
                    <att1>iugy</att1>
                    <att2>TY765</att2>
               </stat>
               <stat>
                    <id>4</id>
                    <att1>YT d</att1>
                    <att2>f865f</att2>
               </stat>
          </stats>
     </ent>
     <ent>
          <id>1</id>
          <att1>pluto</att1>
          <servs>
               <serv>
                    <id>A</id>
                    <att1>muuh</att1>
               </serv>
               <serv>
                    <id>B</id>
                    <att1>mooh</att1>
               </serv>
               <serv>
                    <id>C</id>
                    <att1>meeh</att1>
               </serv>
          </servs>
          <conts>
               <cont>
                    <id>a</id>
                    <att1>uff</att1>
               </cont>
               <cont>
                    <id>b</id>
                    <att1>aff</att1>
               </cont>
          </conts>
          <stats>
               <stat>
                    <id>1</id>
                    <att1>KJHGKJGH</att1>
                    <att2>TRSDYTRD</att2>
               </stat>
               <stat>
                    <id>2</id>
                    <att1>TRUTFC</att1>
                    <att2>POJNC</att2>
               </stat>
               <stat>
                    <id>3</id>
                    <att1>EWZYT</att1>
                    <att2>OUYTFSA</att2>
               </stat>
               <stat>
                    <id>4</id>
                    <att1>XGBUI</att1>
                    <att2>IUGDS</att2>
               </stat>
          </stats>
     </ent>
</ents>

Step by step I'm closing in.
I'm using the {ds_currentRowId} variable to increment the div panel ID (see code below)
The only issue is that since I have 1 master dataset and three detail dataset nested, I need to calculate the ID, taking the {ds_CurrentRowID} for each dataset and perform some math, to ensure they nicely grow until all the XML is consumed.
Anyone would be so nice to point me in the right direction?
<!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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CPS</title>
     <script src="SpryAssets/xpath.js" type="text/javascript"></script>
     <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
     <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
     <script src="SpryAssets/SpryNestedXMLDataSet.js" type="text/javascript"></script>
     <script type="text/javascript">
     
     </script>
     <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
     <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="panel" spry:repeat="ds_ents" spry:region="ds_ents ds_cnts ds_srvs ds_stts">
     <script type="text/javascript">
          
     </script>
          <div id="CP_ents{ds_ents::ds_CurrentRowID}" class="CollapsiblePanel">
               <div class="panel-title" tabindex="{ds_ents::ds_CurrentRowID}">
                    <table class="table-title">
                         <tr>
                              <td width="150">+</td>
                              <td width="150">{id}</td>
                              <td width="150">{att1}</td>
                         </tr>
                    </table>
               </div>
               <div spry:even="table-even" spry:odd="table-odd">
                    <table>
                         <tr>
                              <td> </td>
                              <td>
                                   <script type="text/javascript">
                                        
                                   </script>
                                   <div id="CP_srvs{ds_srvs::ds_CurrentRowID}" class="CollapsiblePanel">
                                        <div class="subtable-title" tabindex="{ds_srvs::ds_CurrentRowID}">
                                             <table>
                                                  <tr>
                                                       <td width="150">+ srvs</td>
                                                       <td width="150">id</td>
                                                       <td width="150">att1</td>
                                                  </tr>
                                             </table>
                                        </div>
                                        <div spry:even="subtable-even" spry:odd="subtable-odd">
                                             <table>
                                                  <tr spry:repeat="ds_srvs">
                                                       <td width="150"> </td>
                                                       <td width="150">{ds_srvs::id}</td>
                                                       <td width="150">{ds_srvs::att1}</td>
                                                  </tr>
                                             </table>
                                        </div>
                                   </div>
                                   <div id="CP_cnts{ds_cnts::ds_CurrentRowID}" class="subtable">
                                        <div class="subtable-title" tabindex="{ds_cnts::ds_CurrentRowID}">
                                             <table>
                                                  <tr>
                                                       <td width="150">+ cnts</td>
                                                       <td width="150">id</td>
                                                       <td width="150">att1</td>
                                                       <td width="150">att2</td>
                                                  </tr>
                                             </table>
                                        </div>
                                        <div spry:even="subtable-even" spry:odd="subtable-odd">
                                             <table>
                                                  <tr spry:repeat="ds_cnts">
                                                       <td width="150"> </td>
                                                       <td width="150">{ds_cnts::id}</td>
                                                       <td width="150">{ds_cnts::att1}</td>
                                                       <td width="150">{ds_cnts::att2}</td>
                                                  </tr>
                                             </table>
                                        </div>
                                   </div>
                                   <div id="CP_stts{ds_stts::ds_CurrentRowID}" class="CollapsiblePanel">
                                        <div class="subtable-title" tabindex="{ds_stts::ds_CurrentRowID}">
                                             <table>
                                                  <tr>
                                                       <td width="150">+ stats</td>
                                                       <td width="150">id</td>
                                                       <td width="150">att1</td>
                                                       <td width="150">att2</td>
                                                  </tr>
                                             </table>
                                        </div>
                                        <div spry:even="subtable-even" spry:odd="subtable-odd">
                                             <table>
                                                  <tr spry:repeat="ds_stts">
                                                       <td width="150"> </td>
                                                       <td width="150">{ds_stts::id}</td>
                                                       <td width="150">{ds_stts::att1}</td>
                                                       <td width="150">{ds_stts::att2}</td>
                                                  </tr>
                                             </table>
                                        </div>
                                   </div>
                              </td>
                         </tr>
                    </table>
               </div>
          </div>
     </div>
</body>
</html>

Nesting tabbed panels produces interesting results..

Hi,
Today i attempted to nest two sets of tabbed panels. 1 was a vertical panel, and within this 1 horizontal panel.
it all works, BUT the internal horizontal panel inherits the styles of the parent vertical panel. In otherwords the horizontal panel is weirdly skewed!
can anyone assist to get the styles right?
cheers

Hi,
What you need to do is apply a class to at least one of your panels. Then apply the style rules that are applicable to that class.
I you can supply code on line, that would be helpfull to explain the solution more precisely.
Hope this helps,
Ben

Nested Sliding Panels from Data

I have a markup that looks like this:
<div id="sp" class="SlidingPanels" spry:region="ds0
ds1">
<div class="SlidingPanelsContentGroup">
<div class="SlidingPanelsContent" spry:repeat="ds0">
<div id="
sp{ds_RowNumber}" class="SlidingPanels">
<div class="SlidingPanelsContentGroup">
<div class="SlidingPanelsContent"
spry:repeat="ds1">{img}</div>
</div>
</div>
</div>
</div>
</div>
How do I specify dynamic IDs in the constructor?

I'm not sure I follow. Both of these examples have static
IDs. My example has a potentially unlimited number of widgets (one
per row) with IDs generated dynamically. How do I list them all in
the constructor?
<script type="text/javascript">
var sp0 = new Spry.Widget.SlidingPanels('sp0');
var sp1 = new Spry.Widget.SlidingPanels('sp1');
var sp2 = new Spry.Widget.SlidingPanels('sp2');
var sp100 = new Spry.Widget.SlidingPanels('sp100');
</script>

Nested panels and bkg image

Hi,
I have a JPanel inside another one. It hides when I click on "close" ("fermer" in French, below).
I'd like now add a background image to the parent panel (the background panel), so that the child panel appears in the middle of this image.
To make a long story short, my centered panel is okay without background image but disappears when I try and subclass JPanel (paint method) in order to get a back-panel-with image.
You'll find the code I use below. Is there any way to achieve this ?
Thanks for your help !
public class testCenteredPanel extends javax.swing.JFrame {
    /** Creates new form testCenteredPanel */
    public testCenteredPanel() {
        initComponents();
        setDefaultLookAndFeelDecorated(true);
    /** This method is called from within the constructor to
     * initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is
     * always regenerated by the Form Editor.
    private void initComponents() {
        java.awt.GridBagConstraints gridBagConstraints;
        jPanel1 = new javax.swing.JPanel();
        jPanel2 = new javax.swing.JPanel();
        jPanel3 = new javax.swing.JPanel();
        jButton1 = new javax.swing.JButton();
        getContentPane().setLayout(new java.awt.GridBagLayout());
        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setLocationRelativeTo(this);
        addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                formMouseClicked(evt);
        addWindowListener(new java.awt.event.WindowAdapter() {
            public void windowClosing(java.awt.event.WindowEvent evt) {
                exitForm(evt);
        jPanel1.setLayout(new java.awt.GridBagLayout());
        jPanel1.setPreferredSize(new java.awt.Dimension(400, 400));
        jPanel1.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jPanel1MouseClicked(evt);
        jPanel2.setLayout(new java.awt.BorderLayout());
        jPanel2.setBackground(new java.awt.Color(255, 255, 255));
        jPanel2.setBorder(new javax.swing.border.LineBorder(new java.awt.Color(0, 0, 0)));
        jPanel2.setPreferredSize(new java.awt.Dimension(200, 200));
        jPanel3.setBackground(new java.awt.Color(255, 255, 255));
        jButton1.setText("Fermer");
        jButton1.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jButton1MouseClicked(evt);
        jPanel3.add(jButton1);
        jPanel2.add(jPanel3, java.awt.BorderLayout.SOUTH);
        jPanel1.add(jPanel2, new java.awt.GridBagConstraints());
        gridBagConstraints = new java.awt.GridBagConstraints();
        gridBagConstraints.fill = java.awt.GridBagConstraints.BOTH;
        gridBagConstraints.weightx = 1.0;
        gridBagConstraints.weighty = 1.0;
        getContentPane().add(jPanel1, gridBagConstraints);
        pack();
    private void jPanel1MouseClicked(java.awt.event.MouseEvent evt) {
        jPanel2.setVisible(true);
    private void jButton1MouseClicked(java.awt.event.MouseEvent evt) {
        jPanel2.setVisible(false);
    private void formMouseClicked(java.awt.event.MouseEvent evt) {
    /** Exit the Application */
    private void exitForm(java.awt.event.WindowEvent evt) {
        System.exit(0);
     * @param args the command line arguments
    public static void main(String args[]) {
        new testCenteredPanel().show();
    // Variables declaration - do not modify
    private javax.swing.JButton jButton1;
    private javax.swing.JPanel jPanel1;
    private javax.swing.JPanel jPanel2;
    private javax.swing.JPanel jPanel3;
    // End of variables declaration
}

Thanks for your answer !
So far, it is better : I have overriden the paintComponent method insteda of the paint method and the background image shows up. But the "close" button on the nested (centrered) panel doesn't work any longer. I can click on it, but it stays grayed and the panel doesn't hide. I read the articles you pointed out but couldn't find much for this (except opacity, which I experimented without success).
Here's the code of my centered panel : maybe there's something wrong here ?
public class CenterPanel extends javax.swing.JPanel {
    /** Creates new form CenterPanel */
    public CenterPanel() {
        initComponents();
   public boolean isOpaque(){
        return true;
    private void initComponents() {
        jPanel1 = new javax.swing.JPanel();
        jButton1 = new javax.swing.JButton();
        jButton2 = new javax.swing.JButton();
        setLayout(new java.awt.BorderLayout());
        setBackground(new java.awt.Color(255, 255, 255));
        setBorder(new javax.swing.border.LineBorder(new java.awt.Color(0, 0, 0)));
        setPreferredSize(new java.awt.Dimension(200, 200));
        jPanel1.setBackground(new java.awt.Color(255, 255, 255));
        jPanel1.setOpaque(false);
        jButton1.setText("Acheter");
        jPanel1.add(jButton1);
        jButton2.setText("Fermer");
        jButton2.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jButton2MouseClicked(evt);
        jPanel1.add(jButton2);
        add(jPanel1, java.awt.BorderLayout.SOUTH);
    private void jButton2MouseClicked(java.awt.event.MouseEvent evt) {
        hide();
    private javax.swing.JButton jButton1;
    private javax.swing.JButton jButton2;
    private javax.swing.JPanel jPanel1;
}

Linking to a Tab in another page which has 3 tabbed panels

Hi
I have created a page which has three tabbed panels. The first is a horizontal Tabbed panel with two tabs. Each of these tabs has a vertical tabbed panel with 4 tabs in each.
I want to be able to link from another page to the 2nd horizontal tab and the first vertical tab on that page.
If I use the URL ?tab=1, the link takes me to the second horizontal tab but also then to the second vertical tab.
I have tried the following
giving the target tabs the same id and targeting ?tab=news
setting the url to ?tab=1&tab=0
setting the url to ?tab=TabbedPanel1.tab1&TabbedPanel2.tab2
but none of these work.
Javascript is not my thing (as you have probably guessed!). Is there a way that I can target any combination of tabs on one page through the URL?
Any ideas, much appreciated.
Thanks

Data:
Tab on main tabbed panels = primetab
Tab on nested tabbed panels = secondtab
URL Link = myPage.html?primetab=2&secondtab=2
Markup:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
        <div id="TabbedPanels2" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">Tab 1.1</li>
            <li class="TabbedPanelsTab" tabindex="0">Tab 1.2</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">Content 1.1</div>
            <div class="TabbedPanelsContent">Content 1.2</div>
          </div>
        </div>
    </div>
    <div class="TabbedPanelsContent">
        <div id="TabbedPanels3" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">Tab 2.1</li>
            <li class="TabbedPanelsTab" tabindex="0">Tab 2.2</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">Content 2.1</div>
            <div class="TabbedPanelsContent">Content 2.2</div>
          </div>
        </div>
    </div>
</div>
</div>
<script src="SpryAssets/SpryTabbedPanels.js"></script>
<script src="SpryAssets/SpryURLUtils.js"></script>
<script>
var params = Spry.Utils.getLocationParamsAsObject();
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.primetab ? params.primetab : 0});
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2", {defaultTab: params.secondtab ? params.secondtab : 0});
var TabbedPanels3 = new Spry.Widget.TabbedPanels("TabbedPanels3", {defaultTab: params.secondtab ? params.secondtab : 0});
</script>
</body>
</html>
The highlighted parts denote the markup required over and above the original markup for tabbed panels, placing JS at the bottom of the document is a peculiarity of mine an is therefore not a necessity.
Gramps

Wrong alignment in nested GridbagLayout

Hi!
I'd like to nest one Panel to another both using GridbagLayout. In the inner panel, which is streched over the complete frame, I want to add a Label, which should align to the left side. However,
the following code results in a centered Label. Why is this the case?
public class TestFrame extends JFrame{
     public static void main (String[] args){
     TestFrame tf = new TestFrame();
     tf.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
     tf.setSize(new Dimension(200, 200));
     JLabel lTest = new JLabel("test");
     JPanel testPanel = new JPanel();
testPanel.setLayout(new GridBagLayout());
testPanel.setBackground(Color.red);
JPanel testPanel2 = new JPanel();
testPanel2.setLayout(new GridBagLayout());
testPanel2.setBackground(Color.yellow);
GridBagConstraints gbConstraints = new GridBagConstraints();
gbConstraints.anchor = GridBagConstraints.WEST;
testPanel2.add(lTest, gbConstraints);
gbConstraints.anchor = GridBagConstraints.WEST;
gbConstraints.fill = GridBagConstraints.HORIZONTAL;
gbConstraints.weightx = 1.0;
testPanel.add(testPanel2, gbConstraints);
tf.getContentPane().add(testPanel);
     tf.show();
Thx in advance

Hi,
Goto Tcode SE71(If u are checking for sapscript) and put the name of layout for form 12A
that is HR_IN_EPF12A_99M. U can copy this into a customer name range and modify that
to get the desired output.
If you are creating a customer layout then please pass the same name at the time of the
execution of the report in the Name of the Layout Set.
let me know if u r using PDF layout.
regards,
Praveen

Accordion Default Panel

Is there a way to set all Spry Accordion panels closed? I
have set the js variable defaultPanel to null and no panels open
but I loose animation. My goal is to nest accordion panels and have
only the selected panel open when I click on it. Is this
possible?

Is there a way to set all Spry Accordion panels closed? I
have set the js variable defaultPanel to null and no panels open
but I loose animation. My goal is to nest accordion panels and have
only the selected panel open when I click on it. Is this
possible?

Nested SpringLayout panels

Similar Messages

Maybe you are looking for