Re arrange control using Flow layout
hi,
I want to know how to re-arrange the postion of controls (say, buttons) when FlowLayout is used to layout the controls.
Thanks,
Mano
Define "re-arrange."
Similar Messages
-
Using flowed layout in Process Management
Hi All,
I'm encountering difficulties to use a form with a flowed table in
my Process Management process.
First, after binding the form to xsd schema when I add another row in
the table it automatically populated with the same data as the first
one.
The second problem is that when I the form is routed from the process
initiator to next station it is rendered without additional rows.
Any ideas how to fix it?
Thanks!The problem was in the schema.
In my original xsd repeating part was defined in this way:
I've changed it to :
now it is working fine, Thanks! -
Can I use grid layout in JSF visual page designer ?
Hello dears...
I am using Jdeveloper 11 g and 10 g .
When I tried to use JSF visual editor (from the component palette), and when I drag any control to the page I found that the control go to the top left of the page
and I even can not move the control to another place in the page by the mouse.
the JSF visual designer seems to use flow layout for the page . (the same as using flow layout in the swing applications).
The question is Can I change the page layout to be grid layout instead of flow layout ?????? (to be able to move any control to anywhere in the page.)
Note that in netbeans 6.1 , when u design JSF page , you have 2 options for the page layout, grid layout and flow layout and u can choose as u like.
Is this feature found in jdeveloper 11 ?????
if not , Can anybody tell me any workaround to design JSF pages without using flow layout ????
Thanks in advance
Samy
Edited by: user10653280 on Nov 29, 2008 1:30 PMWe don't provide absolute positioning for JSF application - this is a bad practice since it fills your JSF page with CSS code and create applications that are not portable between different screen/monitor resolutions - so we use flow layout instead and provide a much richer set of layout components.
See info here:
http://download.oracle.com/docs/cd/E12839_01/web.1111/b31973/af_orgpage.htm#CACCBCCI -
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,
KristoferHi 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 -
Span div problem on flow layout
i want to use flow layout for my page. if there is any component that includes div tag it causes new line on html page. i use page fragments in my page. if there is any fragment that includes div tag next component appears on new line. i want to place more than one components in the same line. how can i do that?
Hi!
You can play with mode of position property. Open 'style' property, select 'Position' part and try to change 'Mode'.
Thanks,
Roman. -
Hi,
i need a page with a horizontal flow layout (2 portlets side by side).
I've created a new layout which works fine with the classic or default
laf but not with bighorn.
Any suggestion about this issue ?
ThxHi Emmanuel,
Try creating a file /WebContent/framework/markup/layouts/onerowflow.layout with this content:
<?xml version="1.0" encoding="UTF-8"?>
<netuix:markupDefinition xmlns:netuix="http://www.bea.com/servers/netuix/xsd/controls/netuix/1.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.bea.com/servers/netuix/xsd/controls/netuix/1.0.0 markup-netuix-1_0_0.xsd">
<netuix:locale language="en"/>
<netuix:markup>
<netuix:flowLayout
title="One Row Flow Layout" description="This layout uses the flowLayout control to create one row in which placeables flow horizontally."
orientation="horizontal" htmlLayoutUri="/framework/markup/layout/onerowflow.html.txt" iconUri="/framework/markup/layout/singlecolumn.gif"
markupType="Layout" markupName="oneRowFlowLayout">
<netuix:placeholder title="center" description="The only placeholder in this layout."
usingFlow="true" width="100%" flow="horizontal"
markupType="Placeholder" markupName="oneRowFlow_center">
</netuix:placeholder>
</netuix:flowLayout>
</netuix:markup>
</netuix:markupDefinition>And also /WebContent/framework/markup/layouts/onerowflow.html.txt with this content:
<table class="portalLayout" id="thePortalLayout" width="100%" height="100%">
<tr>
<td class="placeholderTD" valign="top" width="100%">
<placeholder number="0" flow="horizontal"/>
</td>
</tr>
</table>Then change your portal page to use this new layout in Workshop, and you should be all set. Reply here if this doesn't work for you.
George -
How to implement line selectability for a table control using table Wizard?
Hello SDN Community,
I have created a table control using the Table Wizard. I found my exact question in this forum, but unfortunately it had not been andsered. While I cannot paste a screen-print into this plane-text area, here are the steps I followed...
1) SE51
2) Create new screen 0100
3) Click Layout button
4) Clidk Table Control (with Wizard) and draw box on canvas.
5) Step is "Start" - click Continue
6) Step is "Name of Table Control" - provided name
7) Step is "Table Name" - provided name of dictionary table (AUFK)
8) Step is "Definition of Columns" - selected order numver and order text
9) Step is "Table Control Attributes" - Line Selectability is in display mode - cannot set it.
I would like to have a selectability column for my table. Would appreciate any insight into how to do this.
Thank you,
Dean Atteberry.This is a puzzling...
For the table control wizard, in the Table Control Attributes step, I was able to get line selectability to open up by declaring a char01 data element at the beginning of my type.
The puzzling is in regards to the "Selection col. fld" entry field.
If I leave it blank and try to go to the next step, I get message "Enter the name of the selection column if you are using a program table"
So it looked like it wanted to know the name of my selection column. So I type in "CHAR1". and got the message "The field "CHAR1" for the selection column is already contained in the table."
Hmmmmm.... don't understand............
Dean Atteberry. -
MX432 All-in-one printer: left side of printed subject is being cut off when using 'normal' layout.
Because 'normal' and 'fit to page' layouts cut off left side of printed material I'm using 'borderless' layout but that doesn't give me the paper size option I need. Any hints on how to save the left side of paper and how to change paper size in borderless layout. Any hints in print preview wherein I can print just 'one or two' of multiple pages without having to return to the set-up page?
Hi vitaminsg,
You can set it so that "Fit to Page" printing is the default setting. To do this, use the following steps:
1. Click Start.
2. Click Control Panel.
3. Click Printers and other Hardware.
4. Click Printers and Faxes.
5. Right click the PIXMA MX432 and click Printing Preferences.
6. Click the Page Setup Tab.
7. Select Fit to Page under Page Layout, then press OK.
This should now be the default setting for all programs.
Did this answer your question? Please click the Accept as Solution button so that others may find the answer as well. -
Multiple selection in List control using CheckBox as itemrenderer
Hey all,
I am trying to get multiple selection working in a list control using the CheckBox as itemrederer but I am unable to get a list of selected indices even though I have multiple check boxes selected
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Script>
<![CDATA[
private function onChange():void
trace(chkList.selectedIndices);
]]>
</mx:Script>
<mx:ArrayCollection id="collection">
<mx:Object label="Test A"/>
<mx:Object label="Test B"/>
<mx:Object label="Test C"/>
<mx:Object label="Test D"/>
<mx:Object label="Test E"/>
<mx:Object label="Test F"/>
<mx:Object label="Test G"/>
</mx:ArrayCollection>
<mx:List id="chkList" dataProvider="{collection}" itemRenderer="mx.controls.CheckBox" change="onChange();" allowMultipleSelection="true"/>
</mx:Application>
I always get the last item I clicked
Thanks,
FirdoshHi there, I'll tweak your code a little bit to something like this:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Script>
<![CDATA[
import mx.events.ListEvent;
import mx.controls.CheckBox;
[Bindable]
private var mySelectedIndexes:ArrayCollection=new ArrayCollection();
private function onChange(e:ListEvent):void
if(CheckBox(e.itemRenderer).selected){
mySelectedIndexes.addItem(e.rowIndex);
}else{
mySelectedIndexes.removeItemAt(mySelectedIndexes.getItemIndex(e.rowIndex));
chkList.selectedIndices=mySelectedIndexes.toArray();
]]>
</mx:Script>
<mx:ArrayCollection id="collection">
<mx:Object label="Test A"/>
<mx:Object label="Test B"/>
<mx:Object label="Test C"/>
<mx:Object label="Test D"/>
<mx:Object label="Test E"/>
<mx:Object label="Test F"/>
<mx:Object label="Test G"/>
</mx:ArrayCollection>
<mx:List id="chkList" dataProvider="{collection}" itemRenderer="mx.controls.CheckBox" itemClick="onChange(event);" allowMultipleSelection="true"/>
</mx:Application> -
GridBag or Flow Layout: Help Please!!!
Requirement: Allow the user to input the amount of a mortgage and then select from a menu of mortgage loans: 7 years at 5.35%, 15 years at 5.5%, and 30 years at 5.75%. Use an array for the different loans. Display the mortgage payment amount. Then, list the loan balance and interest paid for each payment over the term of the loan. Allow the user to loopback and enter a new amount and make a new selection or quit.
I have written the code so far that allows for the creation of the pane, texts, user entry, combobox, and buttons.
My problem is that I cannot get it sorted out to look like a usable interface. I don't know if I should go with a GridBag Layout or a Flow Layout.
I am using the GridBag Layout in this example, but obviously I am missing the correct procedure on how to do it.
Can anyone give me a hand?
My goal for the interface is to have the following fields set up in the pane to lay out like this:
Mortgage ------ MortgageTF
Loan ----- LoanCB
Payment ----- PaymentTF
Balance
Compute----- Reset----- Exit
Thank you for any assistance.
Havok
My written code is below:
import javax.swing.*;
import java.awt.*;
public class MCalc002 extends JFrame
public MCalc002()
super("Mortgage Calculator");
setSize(500, 800);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
Container pane = getContentPane();
GridBagLayout gridBag = new GridBagLayout();
GridBagConstraints c = new GridBagConstraints();
pane.setLayout(gridBag);
JLabel mortgage = new JLabel("Mortgage:");
c.gridx = 0; c.gridy = 0;
pane.add(mortgage);
JLabel loan = new JLabel("Loan Menu:");
c.gridx = 2; c.gridy = 2;
pane.add(loan);
JLabel payment = new JLabel("Monthly Payment:");
c.gridx = 3; c.gridy = 3;
pane.add(payment);
JLabel balance = new JLabel("Loan Balance:");
c.gridx = 4; c.gridy = 4;
pane.add(balance);
JTextField mortgageTF = new JTextField(10);
c.gridx = 4; c.gridy = 4;
pane.add(mortgageTF);
JComboBox loanCB = new JComboBox();
c.gridx = 5; c.gridy = 5;
loanCB.addItem("Please Select");
loanCB.addItem("7yrs @ 5.35%");
loanCB.addItem("15yrs @ 5.5%");
loanCB.addItem("30yrs @ 5.75%");
pane.add(loanCB);
JTextField paymentTF= new JTextField(10);
c.gridx = 4; c.gridy = 4;
pane.add(paymentTF);
JButton compute = new JButton("Compute");
c.gridx = 5; c.gridy = 5;
pane.add(compute, c);
JButton reset = new JButton("Reset");
c.gridx = 6; c.gridy = 6;
pane.add(reset, c);
JButton exit = new JButton("Exit");
c.gridx = 7; c.gridy = 7;
pane.add(exit, c);
setContentPane(pane);
public static void main(String[] arguments)
MCalc002 pb = new MCalc002();
//EOFMy problem is that I cannot get it sorted out to look
like a usable interface. I don't know if I should go
with a GridBag Layout or a Flow Layout.
My goal for the interface is to have the following
fields set up in the pane to lay out like this:
Mortgage ------ MortgageTF
Loan ----- LoanCB
Payment ----- PaymentTF
Balance
Compute----- Reset----- Exit
import javax.swing.*;
import java.awt.*;
public class MCalc002 extends JFrame {
public MCalc002() {
super("Mortgage Calculator");
setSize(500, 800);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
Container pane = getContentPane();
GridBagLayout gridBag = new GridBagLayout();
GridBagConstraints c = new GridBagConstraints();
pane.setLayout(gridBag);
JLabel mortgage = new JLabel("Mortgage:");
c.gridx = 0; c.gridy = 0;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(mortgage, c);
pane.add(mortgage);
JLabel loan = new JLabel("Loan Menu:");
c.gridx = 0; c.gridy = 1;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(loan, c);
pane.add(loan);
JLabel payment = new JLabel("Monthly Payment:");
c.gridx = 0; c.gridy = 2;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(payment, c);
pane.add(payment);
JLabel balance = new JLabel("Loan Balance:");
c.gridx = 0; c.gridy = 3;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(balance, c);
pane.add(balance);
JTextField mortgageTF = new JTextField(10);
c.gridx = 3; c.gridy = 0;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(mortgageTF, c);
pane.add(mortgageTF);
JComboBox loanCB = new JComboBox();
c.gridx = 3; c.gridy = 1;
c.insets = new Insets(20,10,20,10);
loanCB.addItem("Please Select");
loanCB.addItem("7yrs @ 5.35%");
loanCB.addItem("15yrs @ 5.5%");
loanCB.addItem("30yrs @ 5.75%");
gridBag.setConstraints(loanCB, c);
pane.add(loanCB);
JTextField paymentTF= new JTextField(10);
c.gridx = 3; c.gridy = 2;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(paymentTF, c);
pane.add(paymentTF);
JButton compute = new JButton("Compute");
c.gridx = 0; c.gridy = 4;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(compute, c);
pane.add(compute, c);
JButton reset = new JButton("Reset");
c.gridx = 1; c.gridy = 4;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(reset, c);
pane.add(reset, c);
JButton exit = new JButton("Exit");
c.gridx = 3; c.gridy = 4;
c.insets = new Insets(20,10,20,10);
gridBag.setConstraints(exit, c);
pane.add(exit, c);
setContentPane(pane);
setVisible(true); // Generally speaking, this should be the last operation in setting up GUI components.
public static void main(String[] arguments) {
MCalc002 pb = new MCalc002();
} -
Data Modeling for controls using XML views(SAPUI5)
Hello ,
I am trying to create Table control using XML view and binding data to it through controller onInit method.
XML View Code is as follows :
<core:View xmlns="sap.m" xmlns:l="sap.ui.layout" xmlns:core="sap.ui.core">
<l:VerticalLayout width="100%">
<l:content>
<Text id="description" class="marginAll" />
<Table id="idProductsTable" items="{
path:'/businessData'
}">
<headerToolbar>
<Toolbar>
<Label text="Products"></Label>
</Toolbar>
</headerToolbar>
<columns>
<Column>
<Label text="Product" />
</Column>
<Column>
<Label text="Supplier" />
</Column>
<Column>
<Label text="Dimensions" />
</Column>
</columns>
<items>
<ColumnListItem>
<cells>
<ObjectIdentifier title="{COUNTRY}" text="{COUNTRY}" />
</cells>
<Text text="{REGION}"></Text>
<Text text="{CITY}"></Text>
</ColumnListItem>
</items>
</Table>
</l:content>
</l:VerticalLayout>
</core:View>
Controller onInit method Code is as follows :
var oData = {
businessData : [ {
'COUNTRY' : "Canada",
'CITY' : "Toronto",
'REGION' : "US",
'LANGUAGE' : "English"
'COUNTRY' : "China",
'CITY' : "Bejeing",
'REGION' : "Ashia",
'LANGUAGE' : "Chinese"
var demoJSONModel = new sap.ui.model.json.JSONModel();
demoJSONModel.setData(oData);
sap.ui.getCore().getElementById("idProductsTable").setModel(
demoJSONModel);
Same thing when i tried with JS views , it worked however through XML view , I am getting empty table.
Is the data modeling correct for XML views?
Thanks,
Mahesh.I've got it ! The reason for that is you bind items as below,
<Table id="idProductsTable" items="{
path:'/businessData'
}">
This pattern is followed if you wanna add a formatter/sorter/grouping.
As you don't do any of those you can bind items as below & it doesn't require data-sap-ui-xx-bindingSyntax="complex".
<Table id="idProductsTable" items="{/businessData}"> -
I am filling out a form using iTextSharp . I have a flow layout subform with a multiline textbox on the form, expand to fit set to true. Still, when I insert text into the textbox programmatically, it does not expand. If I fill out the pdf form interactively, it works fine.
Any help would be appreciated.
ThanksI use the Acrofields.SetField method ,like this:
AcroFields pdfFormFields = pdfStamper.AcroFields;
foreach (PrintableFormDataField dataField in _DataFields)
pdfFormFields.SetField(dataField.DataLabel, dataField.DataValue); -
Booleans to control programming flow
Is it ok to use booleans within an object to control program flow in an Object Oriented approach?
For eg: I have 2 tables in the database which are related. Some times both the tables need to be updated, other times, just 1 table.
One approach would be to have 2 separate methods in the Data Acces object which handle these situtions, as this seems to be cleaner. However, another approach would be to send all the data along with a boolean to the Data Access Object and let the Data Access object make the decision of which tables to update by checking the boolean.
Please tell me which approach is better and more Object oriented.1. How often will the Two tables be updated together.(Not a major factor)
2. Keep both methods you mentioned.
3. Create a new method that takes the boolean and the data to update.
and use this in it:
(boolean)?FirstMethod:SecondMethod;
If boolean is true then it calls FirstMethod else SecondMethod.
Anyone else think of anything? -
If a Flow object gets its content during initialization it doesn't take the specified size of the children into account. The sizes are kept if the children are added afterwards. But then they're stacked on top of each other; as described in the other thread.
Example: The buttons sizes are ignored.
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.Flow;
import javafx.scene.control.*;
def okButton = Button {
text: "OK"
strong: true
width: 100
height: 100
def cancelButton = Button {
text: "Cancel"
width: 100
height: 100
def layout = Flow {
content: [okButton, cancelButton];
Stage {
title: "Flowlayout Demo"
scene: Scene {
width: 400
height: 400
content: layout
}Example: The sizes are not ignored, but the positions are.
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.Flow;
import javafx.scene.control.*;
def okButton = Button {
text: "OK"
strong: true
width: 100
height: 100
def cancelButton = Button {
text: "Cancel"
width: 100
height: 100
def layout = Flow {};
layout.content = [okButton, cancelButton];
Stage {
title: "JavaFX 1.2 Controls Demo"
scene: Scene {
width: 400
height: 400
content: layout
}CORRECTION: It works if a child gets a LayoutInfo object. False alarm. MEA CULPA.
def largeButtonDimension = LayoutInfo {
width: 100
height: 100
minWidth: 100
minHeight: 100
def smallButtonDimension = LayoutInfo {
width: 50
height: 50
minWidth: 50
minHeight: 50
def okButton = Button {
text: "OK"
layoutInfo: largeButtonDimension;
strong: true
def cancelButton = Button {
text: "Cancel"
layoutInfo: smallButtonDimension
def layout = Flow {
content: [okButton, cancelButton];
} -
How to ensure Flow Layout wraps contents
hi,
having problems with flow layout (in Applet), i can not make it wrap the contents when the window is resized. it just seems to insist that everything be on one line.
yet i have examples from others that wrap fine. and i believe i am doing everything correct.
So what's the trick to getting the wrap, and why?first thing to say about the flowklayout is that
1.it respects the componetnt prefered size.
2.It will arrange the components in one line ( one after another ) respectivily. so the components will appear in the order that you have added them.
3.it will move the components under each other, each time you try to minimize the Frame or applet, so if the frame or applet is not big enought to be as wide as all the components prefered size it will drop down the least component.
so it might be better to try another layout, let say BorderLayout. it meight be better.
Maybe you are looking for
-
Printer will not work after update to Mavericks
I have a macbook pro and an HP7280 printer connected wirelessly. After upgrading to Mavericks the printer will not work. The first time I used it the system upgraded automatically (I forget what it said but it just went ahead and did some upgrading
-
How to include maintaince view in da report
I did a report for Audit Inventory Ageing Company-wise Summary i am getting the output of the report well. what I need is that i should include a field WGBEZ of the maintaince view V023 so that to display material group description. where & how sho
-
firefox has detected that the server is redirecting the request for this address in a way that will never complete
-
Specified anchor not found in the model in SAP Records Management
Hi Experts, We are on SRM 7.0 SP 8 PPS with ECC 6.0 Ehp 4 with RM. I have managed to Integrate SRM with RM with some issues. The issues are: RFx with attachment is not displayed in RM through related links. Whereas RFx without attachments are visibl
-
Connecting hudl tablet to imac
Hi, Just trying to connect my kids Hudl to my imac to transfer music/films accross but having no success.The imac wont recognise the Hudl, using a USB cable. any ideas? cheers Duncs