Clear Grid Panel

I'm using panel Grid to display images .And I use buttons to scroll into the list of the images.But in each listener of the buttons I must clear the panel grid to display the images for the associated page.
Because the last images still displayed despite the fact that I have created a method named
findAndRemoveComponentInRoot(componentId);
to remove components by Id.
And I also have Exception
Component ID form1:Results:button0 has already been found in the view.
I also tried with this
for(int j=0;j<grid.getChildCount();j++){
grid.getChildren().remove(j);
}But I still have the exception.
How can I do please.
Thanks.

Hi,
The components are of various types like display components, input / output components, containers etc. The grid panel is a container. The containers can only hold other components. There is no action even associated with the container components. Also grid panels are not visible components. How do you propose to click on something that is not visible. It would be better if you explained your use case.
Cheers
Giri

Similar Messages

Display a buttons in the footer of a grid panel

I display images in a grid panel .I want to know how to add components in the footer part of the panel.
Because when I add them simply by using
grid.getChildren().add(component);they are added just after the last displayed image.
I thought to the VerbatimTag element by adding the
tag but I didn't found which method to use to add the
tag into the VerbatimTag.
Thanks in advance for your help.

Can you please explain to me because I m really knew with JSF.

After editing a photo in another program, the photos return to the library at the end of the grid panel instead of at their original loacation. How do I avoid this or alternatively, is there a quick way of moving them back to their original position inst

After editing a photo in another program, the photos return to the library at the end of the grid panel instead of at their original loacation. How do I avoid this or alternatively, is there a quick way of moving them back to their original position instead of clicking and dragging them?

Sort your photos by File Name or Capture Date
Use View->Sort

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

How to specify column span for a row in grid panel

In a grid panel with 4 columns, how to set one of the rows to span all 4 columns?

I don't think it's possible with the standard JSF component. There are no hooks to get it to emit a rowspan attribute on the <td> it will render for each cell. There is a hook to get it to add a styleclass, but that won't help with colspans and rowspans.
-- Tor
http://blogs.sun.com/tor

Bulleted List within a Grid Panel

Hi,
I'm trying to format an HTML page, using the Grid Panel component to arrange various text and images.
In one of the text sections I need a bulledted list, but can't seem to find a way to do that, within the Grid Panel.
I need this page to be a JSP page, as it is going to be dynamic.
All help/advice would be appreciated.
Regards
Haroon

Hi Haroon,
Please go through the below jsp code to get a bulleted list in a grid panel
<h:panelGrid binding="#{Page1.gridPanel1}" id="gridPanel1" style="left: 48px; top: 48px; position: absolute">
                        <ul>
                            <li>One</li>
                            <li>Two</li>
                            <li>Three</li>
                        </ul>
                    </h:panelGrid>Hope this helps
Cheers
Giri

How to align content in Grid panels

Hello,
I have a grid panel using the following tag <h:panelGrid> . I have only one column and I want the child component inside it, to be placed in the middle of the panel and not on the left part as it is done by default. I can probably use something like "left 50%; position relative" but I really don't like that. Any other ways?
Thanks in advance,
Tony

Replying to myself...
using a "text-align:center" in h:panelGrid declaration :-).

Fragments in Grid Panels

I've read in other posts that Creator does not handle page fragments in Grid Panels (at lease not well). I've tried everything I can think of to get fragments to work in a Grid in order to avoid using absolute positioning or inconsistently behaving CSS, and have little to no luck doing so.
I'm also disappointed that Struts Tiles do not work with Creator. I'm really still evaluating this product, and I'm on the verge of going on to another if I can't find a flexible way of handling fragments.
For example, I have a footer fragment that I want to "float" at the bottom of my content as the last row in a Grid. Alas, I cannot put the footer in a Grid so I'm forced to use absolute positioning or a css class that behaves differently in various browser types. Other than the limited options with fragments I love Creator; however, I may be forced to go with another tool.
Am I missing something? Is there actually a way to put a fragment into a Grid Panel and see it show up in my design view (and when deployed)?
Thanks,
Tom

Hi Tom,
not sure you are missing something. IMHO it is NOT working. I have already posted two subjects on the related theme and there is no consistent answer from Creator team.
Try to use LayoutPanel and put your fragment using CSS at the bottom of this panel.
Best regards,
Alex

How do I move back to the grid panel

There must be a key command to move between the grid panel or the filmstrip and the keywording panel, isn't there? I don't want to use my mouse. I just want to select the photo (if I'm in the grid panel I just move right arrow or left) and then go to the keywording panel (Command K) and then GET BACK TO THE GRID PANEL SO I CAN SELECT THE NEXT PHOTO. I've looked at a lot of articles and lists of key commands for Lightroom 4 and can't seem to find the answer.

In case this helps, pammmm, the Esc key is used in many programs to back out of ("escape" from) a lot of places. For example, if you're in a dialog box, pressing Esc is usually the same as clicking the Cancel button. You'll find the Esc key used in this way in all kinds of programs, from Photoshop to Microsoft Word.
It is possible that the reason Esc isn't documented is because it isn't documented in a lot of other programs either. It's probably just assumed as a "power user" shortcut, the same way a lot of people know that they can press Enter instead of clicking OK.

OutputText in Grid Panel problem.

Can anyone explain why the text displayed using an outoutText component is a single line running off the end of the screen instead of being contained within the area of an outputText component?
I expected the code below to give a two column table. The first column contains images and the second contains outputText components. The width of the columns is set using the stylesheet classes centrala and centralb to be 25px and 325 respectively.
The outputText gets the text to display from a property file and the fonts etc are set using the stylesheet with the styleclass centraltext shown below.
Thanks in advance for any help with this.
John.
<h:panelGrid binding="#{central.gridPanel3}" columnClasses="centrala,centralb" columns="2" id="gridPanel3" style="width: 350px; height: 333px;">
            <h:graphicImage binding="#{central.image1}" id="image1" style="width: 24px; height: 50px;" value="images/spacer.gif"/>
            <h:outputText binding="#{central.outputText5}" id="outputText5" styleClass="centraltext" value="#{info.c1}"/>
            <h:graphicImage binding="#{central.image2}" id="image2" style="width: 24px; height: 12px;" value="images/leafbulletpoint.gif"/>
            <h:outputText binding="#{central.outputText1}" id="outputText1" styleClass="centraltext" value="#{info.c2}"/>
            <h:graphicImage binding="#{central.image3}" id="image3" style="width: 24px; height: 12px;" value="images/leafbulletpoint.gif"/>
            <h:outputText binding="#{central.outputText2}" id="outputText2" styleClass="centraltext" value="#{info.c3}"/>
            <h:graphicImage binding="#{central.image4}" id="image4" style="width: 24px; height: 12px;" value="images/leafbulletpoint.gif"/>
            <h:outputText binding="#{central.outputText3}" id="outputText3" styleClass="centraltext" value="#{info.c4}"/>
            <h:graphicImage binding="#{central.image5}" id="image5" style="width: 24px; height: 12px;" value="images/leafbulletpoint.gif"/>
            <h:outputText binding="#{central.outputText4}" id="outputText4" styleClass="centraltext" value="#{info.c5}"/>
        </h:panelGrid>
.centraltext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 12px;
    color: #ffffff;
    width: 324px;
    height: 50px;
}

Yes: Output Text renders a <span> containing the text. A span is an inline tag. And according to the CSS2.1 spec, the "width" property is ignored (does not apply) when in normal flow: http://www.w3.org/TR/CSS21/visudet.html#q4 .
That's because when you put the output text inside a grid panel, it's not absolutely positioned itself - it's normal flow (the grid panel might however be absolutely positioned but that doesn't matter).
If you drop an output text on its own and change its width, you'll notice that it -does- cause the text inside to be wrapped; that's because the width property does apply for absolutely positioned inline boxes; just not for normal/static flow inline boxes.
-- Tor
http://blogs.sun.com/tor

Make grid panel scrollabe

hi,
how can i make a grid or even grop panel scrollable so than no matter how many elements it includes it keeps its size fixed,
i tried to enclose the panel in a div tag and set a style property in the html code "overflw:auto"
but it still doesnt work,
any ideas???
regards,
sssnbj

it's a total hack,
it's a total hack,
it's a total hack !
Now that admission is aside, edit the JSP page and put the components inside a <div style="height: ???px; left: ??px; top: ??px; overflow: auto; position: absolute; width: ???px">
/*place your objects here & replace the question marks with your values */
</div>
Then whenever you want to add a component to the page drop it on and then edit the JSP and make sure it's inside the DIV tags.

How can I display a multiple grid panels into columns of grid panel

I have a GridPanel "grid". It is set to four columns.
And I have Gridpanel elementGrid in which I have components such us button ,OutputText ,.. .And I load the gridPanels elementGrid into "grid" using this.
List<UIComponent> childComponents=new ArrayList<UIComponent>();
for (int i=0;i<count;i++) {
   HtmlPanelGrid elementGrid = new HtmlPanelGrid();
   HtmlCommandButton button = new HtmlCommandButton();
   HtmlOutputText txt=new HtmlOutputText();
    elementGrid.getChildren().addAll(this.childComponents);
    grid.getChildren().add(elementGrid);
}The contents of "grid" is dislay in only one column.
But I want that each elementGrid is displayed in a cell .So I want to have multiple columns.
How can I do please.
Thanks in advance.

I have a GridPanel "grid". It is set to four columns.
And I have Gridpanel elementGrid in which I have components such us button ,OutputText ,.. .And I load the gridPanels elementGrid into "grid" using this.
List<UIComponent> childComponents=new ArrayList<UIComponent>();
for (int i=0;i<count;i++) {
   HtmlPanelGrid elementGrid = new HtmlPanelGrid();
   HtmlCommandButton button = new HtmlCommandButton();
   HtmlOutputText txt=new HtmlOutputText();
    elementGrid.getChildren().addAll(this.childComponents);
    grid.getChildren().add(elementGrid);
}The contents of "grid" is dislay in only one column.
But I want that each elementGrid is displayed in a cell .So I want to have multiple columns.
How can I do please.
Thanks in advance.

Components in grid panel out of order

Experiencing this with VWP but had it some with Creator 2 as well:
I line up my components in the right order in the designer, but wen I deploy they are in a different order. Usually they are in the wrong order in the JSP as well...the designer still shows them in the right order until I restart, then the designer shows the wrong order as well. If i act quick I might be able to get them to stay in order, but half the time when I deploy they are in a random order. If I (luckily) get them set they won't change...but manipulating the order at all is sure to cause them to screw up somewhat randomly. This is killing me. I can't use this tool like this. Has anyone else experienced this? Is there a plan to fix it?
- Mark

Is it possible that you could zip up your project and send it to cfqa-testapps AT sun DOT com?
If not, could you please give us more details/a series of steps in order to duplicate the problem.
Thanks,
/krys

Edit Disable Panel Grid Alignment does not affect the Positioning of Front Panel Labels

In LabVIEW 2010, when I choose Edit>> Disable Panel Grid Alignment the positioning of Front Panel objects gets much finer so that I can make small adjustments. Put it does not seem to affect the positioning of front panel object labels. These object labels still move in very coarse increments and do not allow me to position them carefully.
How do I turn off the Grid Panel alignment for Front Panel Labels?

The positioning of labels you encounter has not so much to do with any grid, but with the fact that for labels, LabVIEW attempts to snap them to one of the control corners if you get close enough to the owning control. Outside of a certain range of the owning control you should be able to place them easily on any pixel. The snap behaviour of owned objects is not configured through the panel grid option. I'm not aware of an option to disable this behaviour, but usually find it rather handy instead of annoying. If it happens to not be exactly as desired, I adjust with the label selected and using the cursor keys.
Rolf Kalbermatter
CIT Engineering Netherlands
a division of Test & Measurement Solutions

Lost fluid grid layout

I use dreamweaver cc
I opened and created a page, that worked fine in fluid grid layout.
I then quit out of dreamweaver, then came back to the same page later.
Now when i open that page in dreamweaver cc, i no longer see it with the fluid grid layout or with the fluid grid handles on any of the divs.
I also no longer have the little button in the toolbar next to live button either.... to toggle the fluid layout on and off.
I did see one solution which says to go to view/ visual aids/ display fluid grid layouts
but this does not seem to be available in dreamweaver cc... only dreamweaver cs6.
I have the latest version of dreamweaver cc, and have set up the page correctly.
Thanks in advance to anyone that takes the time to help.

Hi Nancy,
My operating system is Windows 7, run at our health corporation, (so I can't upgrade to Windows 8 or 8.1.)
Im running Adobe Dreamweaver Creative Cloud built 6733 - the latest version as of today.
The problem I have been experiencing match up with those of many other users over the last 2 years. There's quite a few posts reporting the same type of thing that I am. Basically it's to do with the Fluid layout controls and the icon on the toolbar that first appears once you've created a new webpage controlled by the fluid layout stylesheet. These are first there, but after restarting DW they are gone.
i.e.
I create an HTML5 webpage saved as 'default.asp' and a fluid grid stylesheet named fg-styles.css.
The Fluid Grid layout controls are all there. (I am doing nothing else, no injection of code nothing.)
Then I close Dreamweaver
On reopening of Dreamweaver and all files, when looking at the default.asp file in Design view, the fluid grid hide/show icon on the toolbar and the fluid grid controls when clicking inside the fluid div no longer show.
I get this every single time, even after rebooting my computer.
The controls also strangely disappear during a session when I am adding new blocks within the fluid grid panel.
I am so close now from discontinuing using this tool and looking elsewhere for fluid grid solutions.
It seems such a powerful tool, but what use is it if it is unstable. Really, DW should not roll out such tools until they have been proven to work reliably.
Also documentation should be provided that makes clear when this tool cannot be used reliably and workaround solutions.
I have now spent a solid 10 hours on this, and created countless versions of the same page.
Admittedly at one stage I discovered that when adding the classic ASP line above my HTML5 code that this would not work after Dreamweaver saved my document as an .asp file, but even .html files still experience all kinds of bugs with this tool.
I hope this kinda explained what problems I am facing.
Thanks again for your time.
I will now move on to other fluid grid solutions, but am happy to re-look at the DW tool if there is a sure-fire way that fixes my problems.
Andreas

Clear Grid Panel

Similar Messages

Maybe you are looking for