Gridpanel layout

hello,
is there a way to programmatically add elements to a gridpanel?
I need to build a table with thumbnails in a grid and I don't know how to create it
thanks

be careful with gridpanel.
i was loading background images dynamically for my gridpanels
but when i tested it under internet explorer they failed to render.
had to redesign my app without gridpanels.

Similar Messages

How can I circumvent the gridpanel layout mechanism?

I have gridpanel B inside another gridpanel A.
gridpanel B is set to six columns.
I add two buttons X and Y to gridpanel B, the buttons are layed out like so
X Y
I would like them layed out by the column they occupy
X Y <space for #3> <space for #4> <space for #5> <space for #6>
without the large empty space in between buttons X and Y.
I don't want to use a grouppanel because the components do not occupy
proportional horizontal space.
I've tried adding hidden fields for columns #3 to #6 but those appear to
have a minimal effect on the layout.

Sorry that should have shown up as
I add two buttons X and Y to gridpanel B, the buttons are layed out like so
X Y

GridPanel Layout Problem

Hi All,
I've tried everything I can think of... all I want is the section of my page that is below the navigation bar fragment to be split into two main columns, where the right column is 256px wide and the left column spans the remaining width of the page.
I tried using gridpanels... i.e. 1 gridpanel with 2 columns and 100% width (aka main gridpanel), with a gridpanel in the first column with 100% width (aka left gridpanel), and another gridpanel in the second column with 256px width (aka right gridpanel), but the left gridpanel won't span the full 100% and the right gridpanel has a gap to the right of it (which means it doesn't go to the right edge of the page like I want it to).
I've tried every single combination (numerous times) of setting the width property and/or the width in the style property, but no success.
I would say this is a fairly basic concept for a layout (I'd argue it's commonly used) so has anyone else had any success in producing such a layout?
I've spent more time on this one thing that I thought would be "quick" than the actual "complex" parts of the app.
pleaaaaaaase help

Did you use JScrollPanel? If not, use it.

How to remove multiple components border inside a single table column cell

Hi,
I'm adding multiple components to a table cell. To provide a good layout I'm using the following component hierarchy in a table column - table-->groupPanel--> gridPanel-->staticText Components 1 ..2 ..3. Now when I do preview in browser or run the app, the table shows up fine, but textComponent s(1,2,3) in the column are each surrounded by a border (which is the width of gridPanel border). Is there a way to get rid of this border?
This only occurs when you add multiple components in table cell, under gridpanel layout component.
I've tried searching for a way to remove the grid pane layout component border but couldn't find any info. Used style class border setting to not set but that doesn't help either. I checked forums, tutorial, learning sections etc., but no success. Any help or direction is appreciated..
Thanks
-Vinod

Hi ,
Can you please post the query ..what u have tried ...
SQL> select sub from coa1;
SUB
XY
XY
XY
XY
XY
HXY
HXY
HXY
8 rows selected.
SQL> select obj from coa1;
OBJ
AM
AM
AM
AK
AK
AK
ATK
ATK
8 rows selected.
SQL> SELECT OBJ FROM COA1
2 UNION ALL
3 SELECT SUB FROM COA1;
OBJ
AM
AM
AM
AK
AK
AK
ATK
ATK
XY
XY
XY
OBJ
XY
XY
HXY
HXY
HXY
16 rows selected.
SQL> insert into coa2 (obj)
2 (
3 SELECT OBJ FROM COA1
4 UNION ALL
5 SELECT SUB FROM COA1
6 );
16 rows created.
SQL> select * from coa2;
OBJ SUB MCU DOC F
AM
AM
AM
AK
AK
AK
ATK
ATK
XY
XY
XY
OBJ SUB MCU DOC F
XY
XY
HXY
HXY
HXY
16 rows selected.
SQL>
i tried the same it worked fine .....
so u can combine select and insert statements .. you can get the required result.....!
Thanks
Ananda
Edited by: Ananda on Feb 2, 2009 7:38 PM
Edited by: Ananda on Feb 2, 2009 7:52 PM

How to use put Obsever Patterns in JTabbedPane layout

Hi, I am trying to put Observer Patterns in a JTabbedPane layout so that my program can pass event data to other class. But I don't know how I can accomplish this. Could someone help me?
Thanks,
Joanna
import javax.swing.*;
public class Restaurant {
     public static void main(String[] args) {
          JFrame frame = new JFrame("168 Restaurant");
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          JTabbedPane tp = new JTabbedPane();
          pizzaPanel pPanel = new pizzaPanel(); // create pizzaPanel class
          tp.addTab("Order", pPanel);
          double total; String result;
          total = pPanel.getTotal();                       //get total price and order from pizzaPanel class
          result = pPanel.getPizza();
          pricePanel price = new pricePanel(total, result);       //pass to pricePanel class
          tp.addTab("Payment", price);
          frame.getContentPane().add(tp);
          frame.pack();
          frame.setVisible(true);
//pizzaPanel class
import java.awt.*;
import javax.swing.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class pizzaPanel extends JPanel {
     public double total = 0;
     public String order = " ";
     private JPanel titlePanel = new JPanel();
     private JPanel gridPanel = new JPanel();
     private JRadioButton cb1, cb2;
     private JButton submit;
     public pizzaPanel () {
          titlePanel.setPreferredSize(new Dimension(100, 30));
          titlePanel.setLayout(new FlowLayout());
          JLabel label = new JLabel("Please order your food");
          titlePanel.add(label);
          gridPanel.setLayout (new GridLayout(1, 4));
          JLabel b1 = new JLabel("Premium Goats' Cheese $5.00");
          cb1 = new JRadioButton ("1");cb2 = new JRadioButton ("2");
          submit = new JButton("Submit");
          submit.setPreferredSize(new Dimension(50, 20));
          ButtonListener listener = new ButtonListener();
          submit.addActionListener(listener);
          ButtonGroup bg1 = new ButtonGroup ();
          bg1.add(cb1);bg1.add(cb2);
          gridPanel.add(b1);gridPanel.add(cb1);gridPanel.add(cb2);
          setPreferredSize(new Dimension (200, 200));
          setLayout(new BorderLayout());
          add(titlePanel, BorderLayout.NORTH);
          add(gridPanel, BorderLayout.CENTER);
          add(submit, BorderLayout.SOUTH);
     public class ButtonListener implements ActionListener {
      public void actionPerformed(ActionEvent e) {
          if (cb1.isSelected()) {
               total += 5;                         //total is obtained here
               order += "Goats' Cheese" + " \n";               //order is obtained here
         else if (cb2.isSelected()) {
               total += 10;                         //total is obtained here
               order += "Goats' Cheese" + " \n";                //order is obtained here
        if (e.getSource() == submit)
            JOptionPane.showMessageDialog (null, order + "\t = $" + total + "\n Please click Payment tab");
     public double getTotal(){               //try to pass the total out
          return total;
     public String getPizza(){                  //try to pass the order out
          return order;
//pricePanel class
import java.awt.*;
import javax.swing.*;
public class pricePanel extends JPanel {
     public pricePanel (double total, String order) {           //total and order are passed in
          setPreferredSize(new Dimension (300, 200));
          setBackground (Color.green);
          setLayout(new FlowLayout());
          JLabel l1 = new JLabel ("Please pay the amount: ");
          JLabel l2 = new JLabel (order + ": \t $" + total);   //total & order don't hold values obtained from
                                    //pircePanel class.
          add(l1);add(l2);
}

Please don't double post. This is quite rude. I've a mind to delete my recent post in your other thread.

GUI - How do i merge two diffrent layout managers into one tab?

Hello
I want to create a cellphone, and when you click a button it will be displayed in a textfield
the buttons are in a grid layout (4,3) and the textfield is in a border layout (NORTH)
I have the layouts in two seperate tabs, but how do i merge two diffrent layouts in to one tab ?
textfield:
package guitelefon;
import java.awt.*;
import javax.swing.*;
public class BorderPanel extends JPanel
   public BorderPanel()
      setLayout (new BorderLayout());
      setBackground (Color.green);
      JTextField output = new JTextField(5);
      add (output, BorderLayout.NORTH);
}Buttons:
package guitelefon;
import java.awt.*;
import javax.swing.*;
public class GridPanel extends JPanel
    public GridPanel()
      setLayout (new GridLayout (4, 3));
      setBackground (Color.green);
      JButton b1 = new JButton ("1");
      JButton b2 = new JButton ("2");
      JButton b3 = new JButton ("3");
      JButton b4 = new JButton ("4");
      JButton b5 = new JButton ("5");
      JButton b6 = new JButton ("6");
      JButton b7 = new JButton ("7");
      JButton b8 = new JButton ("8");
      JButton b9 = new JButton ("9");
      JButton bs = new JButton ("*");
      JButton b0 = new JButton ("0");
      JButton bf = new JButton ("#");
      add (b1);
      add (b2);
      add (b3);
      add (b4);
      add (b5);
      add (b6);
      add (b7);
      add (b8);
      add (b9);
      add (bs);
      add (b0);
      add (bf);
}driver:
package guitelefon;
// LayoutDemo.java       Java Foundations
// Demonstrates the use of flow, border, grid, and box layouts.
import javax.swing.*;
public class LayoutDemo
     public static void main (String[] args)
      JFrame frame = new JFrame ("Cellhpone");
      frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);
      JTabbedPane tp = new JTabbedPane();
      tp.addTab ("Grid", new GridPanel());
      tp.addTab ("Border", new BorderPanel());
      frame.getContentPane().add(tp);
      frame.pack();
      frame.setVisible(true);
}

a simple example with compilable code:
import java.awt.BorderLayout;
import java.awt.GridLayout;
import javax.swing.*;
public class Main {
public static void main(String[] args) {
    JFrame frame = new JFrame("Cellhpone");
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    JPanel panel = new JPanel(new BorderLayout());
    panel.add(new FooPanel(), BorderLayout.CENTER);
    panel.add(new BarPanel(), BorderLayout.NORTH);
    frame.getContentPane().add(panel);
    frame.pack();
    frame.setLocationRelativeTo(null);
    frame.setVisible(true);
class FooPanel extends JPanel {
private static final String[][] BTN_STRINGS = {
    {"1", "2", "3"},
    {"4", "5", "6"},
    {"7", "8", "9"},
    {"*", "0", "#"}};
public FooPanel() {
    setLayout(new GridLayout(BTN_STRINGS.length, BTN_STRINGS[0].length, 5, 5));
    for (int row = 0; row < BTN_STRINGS.length; row++) {
      for (int col = 0; col < BTN_STRINGS[row].length; col++) {
        JButton btn = new JButton(BTN_STRINGS[row][col]);
        add(btn);
class BarPanel extends JPanel {
private JTextField field = new JTextField();
public BarPanel() {
    setLayout(new BorderLayout());
    add(field, BorderLayout.CENTER);
}Edited by: Encephalopathic on Oct 29, 2009 7:56 AM

Layout for multiple column

Dear all,
I have a layout setting that is supposed to have multiple columns. The first columns I have a fixed width in pixel (for example 120px), and the rest of the columns I want to set it in %. So, if the user resize its browser, the first column will stay 20px, while the rest will resize accordingly.
What is the best way of doing this in JSC?
thank you in advance

1. In first, second, and third rows, I have a label
and a text field. I want to left justify the label,
and the textfield. So, using gridPanel with 2 columns
will do the job.
2. In the fourth, fifth, sixth row, I have 2 labels
and 2 fields.In this order?
I want to keep the left justify setting
for the first label and textfield. If can't use the
grid panel because the layout for each labels are not
left justified with the same component in the first
and second rows. Beside the width of each labels and
textFields are not the same.That's why I'am not using the label attribute of TextField but separate Label components.
Create a Grid Panel with 4 columns and drop into
label1, textfield1, dummylabel11, dummylabel12
label2, textfield2, dummylabel21, dummylabel22
label3, textfield3, dummylabel31, dummylabel32
label4, textfield4, label5, textfield5
label6, textfield6, label7, textfield7
label8, textfield8, label9, textfield9
Create CSS classes for example as follows:
*.gridlabel {...}
*.griddata {...}
Set the columnClasses attribute of the GridPanel to "gridlabel, griddata, gridlabel, griddata".
To arrange more than one components in one cell of the GridPanel wrap them in a LayoutPanel without attributes.

Layout destroyed, when copying layout - Bug?

Hi,
I found this really strange problem, when copying a more complicated layout from one page to another. It is a layout with nested gridpanels and tables inside the girdpanels, in oder to let the (JSF) tables grow and have them all displayed properly.
If I copy this layout to new page, it shows correct in JSC 2 Update 1, but in Firefox it is messed up. I found this strange piece of html in the page, which seems to be the problem:
* Disable all table actions if no rows have been selected.
function disableActions() {
// Determine whether any rows are currently selected
var table = document.getElementById("form1:table1");
var disabled = (table.getAllSelectedRowsCount() > 0) ? false : true;
// Set disabled state for top actions
document.getElementById("form1:table1:tableActionsTop:deleteTop").setDisabled(disabled);
// Set disabled state for bottom actions
document.getElementById("form1:table1:tableActionsBottom:deleteBottom").setDisabled(disabled);
}</script><script /><script /><script /><table id="form1:gridPanel2" style="height: 94px; left: 24px; top: 240px; position: absolute" width="717">
<tbody>
<tr>
<td><table id="form1:gridPanel3" style="height: 216px" width="983">
<tbody>
<tr>
<td><input id="form1:add_ObservationPoint1" name="form1:add_ObservationPoint1" class="Btn2" onblur="return this.myonblur();" onfocus="return this.myonfocus();" onmouseout="return this.myonmouseout();" onmouseover="return this.myonmouseover();" type="submit" value="New Observation Point" /><script type="text/javascript">sjwuic_assign_button('form1:add_ObservationPoint1', defaultButtonStrings, true, false, false);</script></td>
</tr>I didn't add the hole javascript here, but I hope you get the idea. It guess it is this piece of rather strange html, that Firefox doesn't like: </script><script /><script /><script />How does that get in there? In the JSP the script tag is just closed and there is no more <script/> ... Firefox should just render that anyway I guess, be it doesn't. So maybe it is a bug in Firefox (Gecko getting confused with all the <script/>?) but the Appserver shouldn't add it anyway. Or is there an explanation for this, which I failed to see? How do I get rid of it, I don't want to recreate the page.

If the document is eventually served as text/html, then the <script/> syntax is not valid HTML (it's actually the same as <script>>). The closing tag is not optional for the SCRIPT element.
Therefore for HTML, <script></script> will work but not </script>. If the mime-type is set to "application/xhtml+xml" then <script /> should work.

Add Array grid report into Layout/tab ExtJS?

How to add Array grid report into Layout/tab ExtJS?
Array grid examples are from >
http://apex.oracle.com/pls/apex/f?p=43040:4:467728553403435
js>
Ext.onReady(function(){
4
5var munkyData = [
6
7["7369","SMITH","CLERK","7902","17-DEC-80","800"," ","20"]
8,["7499","ALLEN","SALESMAN","7698","20-FEB-81","1600","300","30"]
9
10,["7521","WARD","SALESMAN","7698","22-FEB-81","1250","500","30"]
11
12,["7566","JONES","MANAGER","7839","02-APR-81","2975"," ","20"]
13
14,["7654","MARTIN","SALESMAN","7698","28-SEP-81","1250","1400","30"]
15
16,["7698","BLAKE","MANAGER","7839","01-MAY-81","2850"," ","30"]
17
18,["7782","CLARK","MANAGER","7839","09-JUN-81","2450"," ","10"]
19
20,["7788","SCOTT","ANALYST","7566","09-DEC-82","3000"," ","20"]
21
22,["7839","KING","PRESIDENT"," ","17-NOV-81","5000"," ","10"]
23
24,["7844","TURNER","SALESMAN","7698","08-SEP-81","1500","0","30"]
25
26,["7876","ADAMS","CLERK","7788","12-JAN-83","1100"," ","20"]
27
28,["7900","JAMES","CLERK","7698","03-DEC-81","950"," ","30"]
29
30,["7902","FORD","ANALYST","7566","03-DEC-81","3000"," ","20"]
31
32,["7934","MILLER","CLERK","7782","23-JAN-82","1300"," ","10"]
33
34];
35
36var store = new Ext.data.SimpleStore({
37 el: store,
38 fields: [
39 {name: 'empno', mapping: '0'},
40 {name: 'ename', mapping: '1'},
41 {name: 'job', mapping: '2'},
42 {name: 'mgr', mapping: '3'},
43 {name: 'hiredate', mapping: '4'},
44 {name: 'sal', mapping: '5'},
45 {name: 'comm', mapping: '6'},
46 {name: 'deptno', mapping: '7'}
47 ]
48 });
49
50store.loadData(munkyData);
51
52var grid = new Ext.grid.GridPanel({
53 el: grid,
54 store: store,
55 columns: [
56 {id:'empno',header: "Employee",sortable:true, width:100,dataIndex:'empno'},
57 {header: "Name", sortable:true,width:75, dataIndex:'ename'},
58 {header: "Job", sortable:true, dataIndex:'job'},
59 {header: "Manager", sortable:true,width:75, dataIndex:'mgr'},
60 {header: "Hire Date", sortable:true,dataIndex:'hiredate'},
61 {header: "Salary", sortable:true,width:50,dataIndex:'sal'},
62 {header: "Commission", sortable:true,dataIndex:'comm'},
63 {header: "Department", dataIndex:'deptno'}
64 ],
65 stripeRows: true,
66 width:700,
67 autoHeight:true,
68 title:'Array Grid'
69 , renderTo: 'munkyDiv'
70 });
71});
any references?
regards
Gordan

Hi Mark,
thanks for reply, I was making example on
http://apex.oracle.com/pls/otn/f?p=43048:22:2659745156195172
using debug grid layout and put into REGION_05
...< div id = "munkyDiv" > #REGION_POSITION_O5# < / div>
in this way I can add 1,2,3 or more reports as tab and grid.
Simple example as first step is basic layout (integration ExtJS and Apex)>
http://apex.oracle.com/pls/otn/f?p=43048:15
username/pass EXTJS/EXTJS
regards
Gordan
Edited by: useruseruser on Aug 8, 2010 2:51 PM
Edited by: useruseruser on Aug 8, 2010 2:52 PM

Some Kind of "Flow" Layout

Is there any way to make panel groups do some kind of "flow" layout instead of based on the grid?
An example is a panel group what has 6-8 other gridpanels and panel groups in it. the problem is when you programmatically turn on/off various gridpanels or panel groups, instead of the ones that are turned on "flowing" to the top of the enclosing panel group, they are evenly spaced vertically within the enclosing structure.
This makes for ugly pages, and goofy layout. Is there anyway to change the layout algorithm so that it will layout left-ish and up-ish rather than this scattered vertically???
thx,
Kristofer

Hi Kristofer,
The following info might be of help to you:
The Grid panel displays components in rows and columns. The number of columns can be specified by going to the Properties sheet and entering a value for the Columns property. For example if you mention 5 columns and you drop 12 components into the grid panel, the components will be arranged in 3 rows with the frist two rows having 5 components each and the last row having 2 components. If one of the components' rendered property is set to false then these components after that empty cell move back one cell.
The group panel infact uses flow layout. The order in which the components appear is the order in which they were dropped onto the page. This applies for the grid panel too.
I hope this info will be of use to you. Please do revert back in case you have any more queries.
Cheers
Giri :-)
Creator Team

Report developed in 6i and open and run in 10g, Web Layout is not working

Hi,
Initially reports were developed in Reports 6i now we need to convert into 10g. I just opened the .rdf in Reports10g. Report is successfully running in paper layout and showing the data. But when i try to run the report in Web Layout im getting a BLANK INTERNET EXPLORER SCREEN. Why is it so? What should i do to run my report successfully in Web Layout? When i see Web Source, i am seeing the below code,
<%@ taglib uri="/WEB-INF/lib/reports_tld.jar" prefix="rw" %>
<%@ page language="java" import="java.io.*" errorPage="/rwerror.jsp" session="false" %>
<%@ page contentType="text/html;charset=ISO-8859-1" %>

<html>
<head>
<meta name="GENERATOR" content="Oracle 9i Reports Developer"/>
<title> Your Title </title>
<rw:style id="yourStyle">

</rw:style>
</head>
<body>
<rw:dataArea id="yourDataArea">

</rw:dataArea>
</body>
</html>

Please, guide to achive the Web Layout Report.
Thanks & Rgds,
M Thiyagarajan

Hello,
The answer is in the Migration FAQ :
When I open an Oracle6i Reports Developer report in the Oracle Reports Builder 10g and run my Web layout, I get an empty Web page in my browser.
http://www.oracle.com/technology/products/reports/htdocs/faq/faq_migration.htm#368
Regards

Alteração dos layout's de impressão padrão do SAP B1

Pessoal, bom dia.
Gostaria de saber como faço para incluir um novo dado em um layout padrão do SAP B1, por exemplo: Fluxo de Caixa.
Toda vez que tento incluir ou alterar qualquer campo o layout traz informações que não tem nada a ver ou repete em todas as linhas.
Eu queria alterar por exemplo, no Fluxo de Caixa, que ele traga o Nome do PN e não o código do PN.
Agradeço desde já.
Abraços,
Antonio Melo

Danilo,
A questão é que os campos demonstrados no layout de impressão do fluxo de caixa não demonstram de quais tabelas sao os campos.
Criei um novo campo e o relacionei ao campo Código do PN. Ele me trouxe como resultado o nome do meu primeiro PN cadastrado no sistema para todas as linhas, ou seja, trouxe errado.
Continuo na mesma.
Abs,
Melo

Sales quote layout rows doubled in crystal report layout

Dear All,
Sales quote layout rows doubled in crystal report layout.
In sales quote layout the rows are doubled. Even in the standard layout. If the quote contains only two rows. Then it is doubled as 4 rows in the crystal report layout.
It is happening in the particular database. Other database are working fine. I request you people to help me to overcome this issue.
Regards,
Siva

Hi Siva,
If this is regarding CR in SAP B1 then please repost to the SAP Business One Application space.
-Abhilash

IN ALV Report 'SAVE LAYOUT' option missing

Dear All,
I have created one report in ALV GRID using ABAP OBJECTS(Using class CL_GUI_CUSTOM_CONTAINER and
CL_GUI_ALV_GRID).But in output when i click on change layout option i am not getting SAVE layout option.
I have already passed I_SAVE parameter = 'A' while calling metod SET_TABLE_FOR_FIRST_DISPLAY. But i didnt worked.
Please do needful.
Regards,
Mayank

Hi,
You can manage display variants by using parameters, is_variant and i_save of set_table_for_first_display. Here are options for variant handling. <structure_name> is the variant-defining structure of type DISVARIANT. The field report in this structure should contain the value of sy-repid.
Hope this helps. Reward points if helpful.
Thanks,
Balaji

How to remove blank pages from WebI Report in view page layout option

Hi,
I am working in Business Objects XIR2 environment. I have a WebI report with several sections. I need to show the report as a book with 69 sections (each section on new page). there are 69 sections on cost center and each cost center section has almost 10 sections embedded in it. When i see in regular view - I only see 69 pages but when I try to see in "View Page Lay out" option, there is one blank page added after each results page.
Please let me know how to remove this blank page. I need to give users the option to download the book as PDF on to their machine. Now, when I download to my machine, I see one blank page after each results page.
Thanks in advance.

Jus convert your report in Page Layout mode and see if your first pafe is getting expand in the second page.
Now check if there are any cell going into second page.
- if there are any blank cell which is there after table.
you have to check formating very carefull.

Gridpanel layout

Similar Messages

Maybe you are looking for