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

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 :-).

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

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.

Best way to load a html fragment in collapsible panel?

I am trying to make my collapsible panel with a default state
of closed, load the contents of a URL when the panel is opened.
Can I use a html spry panel in the collapsiblePanelContent
that is triggered when the CollapsiblePanelTab is clicked to be
opened?

Thanks for the quick response V1. I am trying to wrap my mind
around your example, but having a little trouble. Here is what I
did starting with the basic collapsible panel: Sorry for the a
href's getting changed by the forum (is there a code tag?)
<div class="CollapsiblePanel" id="CollapsiblePanel1" >
<div class="CollapsiblePanelTab" tabindex="0">Fall
2008 Course Listing</div>
<div class="CollapsiblePanelContent">
</div>
</div>
and I want to load the content of this URL result:
http://catalog.smith.edu/results.php?term=200901&department=GOV&instructor=all&amp ;credits=all&course_number=&keyword=&attribute=
So going from the
adobe
lab panel sample
I tried this (which did not work):
<div class="CollapsiblePanel" id="CollapsiblePanel1">
<div class="CollapsiblePanelTab" tabindex="0"><a
href="#" onclick="course.loadContent('
http://catalog.smith.edu/results.php?term=200901&department=GOV&instructor=all&amp ;credits=all&course_number=&keyword=&attribute=');">Fall
2008 Course Listing</a></div>
<div class="CollapsiblePanelContent">
<div id="courses">Course content</div>
</div>
</div>
and the script (appropriate css and js loaded):
<script type="text/javascript">

</script>

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

Panel tabbed is not working in the page fragments used in a bounded task fl

Hi,
I tried creating a simple page fragment with a panel tabbed as below
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:f="http://java.sun.com/jsf/core">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<af:panelTabbed id="pt1">
<af:showDetailItem text="showDetailItem 1" id="sdi1"/>
<af:showDetailItem text="showDetailItem 2" id="sdi2"/>
<af:showDetailItem text="showDetailItem 3" id="sdi3"/>
</af:panelTabbed>

</f:facet>
</af:panelStretchLayout>
</jsp:root>
Then in an unbounded task flow, I added the bounded task flow which is just created above. when I run this page, the page is loaded but the tabs doesn't switch. When I click on the other tabs, it doesnt change, it is always active only in the first tab.
Is this a bug in adf, or am I missing something?
Can someone please help?
Thanks,
Sudarsan M

Hi Vinod,
Thanks for responding.
I want a page fragment with tabbedPanel to be loaded in my dynamic region. As I am facing this issue, I tried very simple example of creating a page fragment with a tabbedPanel of 3 tabs.
1. added this page fragment in an bounded task flow.
2. In the unbounded task flow(adfc-config.xml) added a view with the some jspx page and then added the bounded task flow created above as a static region in this jspx page.
3. When I run this view, I can see the page loaded with all the tabs in the page frament.
4. By default the first tab is selected, but when I tried to click on the other tabs, there is no response. It still stays in the first tab only.
Thanks,
Sudan

Fragments in Grid Panels

Similar Messages

Maybe you are looking for