Label of a PanelGroup Layout

I need to use a panelGroupLayout in order to display some fields in a form grouped on the same line.
I found a problem : the label of the inputText I putted into the panelGroupLayout is not alligned with other labels into the panelFormLayout surrounding the group, but with fields.
How can I avoid that problem ?
Tks
Tullio

Found solution.
See How do I put an af:InputText and af:CommandButton on the same line?
Tullio
Edited by: tullio0106 on Sep 3, 2009 2:41 PM

Similar Messages

How to delete the Data Points label with a crosstab layout

Hi, just a question.
I created a report which uses a crosstab layout; so...I have the Company Name on the left, Status Code above and the Count(tickets) as Data Points.
As soon as I put the Count(tickets) inside the report, the label "Data Points: Incident Id Count appears above just at the bottom of the Status Code
Is there a way to avoid this tedious label ?
As workaround, I changed the Data Points' format heading (text and background) in such a way to see only a Grey space...but this is not so useful (from the customer side...)
I also looked for inside the crosstab layout properties...but I didn't found nothing.....
Any help will be appreciate
Alex

Well, I think you are out of luck. You are basically saying you want to control when you have a column heading and when you don't want to have a column heading. Most of us users do want column headings in our reports. In fact I have a hard time trying to figure out why you don't want a column heading. How are the report users going to know what the numbers in the column mean if you don't have a heading on the column? Maybe the initial users of the report know, but what happens when they leave and someone else takes over their duties? I would suggest putting in an enhancement request for Discoverer to give you the option to not display a column heading, if you really want something like this. This needs to be at the workbook level, I am thinking.
John Dickey

Centralizing a panelgroup layout content

Hi,
Could anyone please let me know how to centralize a panelgrouplayout.
I tried the one below , but not working in mozilla:
<af:panelGroupLayout styleClass="AFStretchWidth" id="pgl51" layout="horizontal">
     <af:panelGroupLayout id="p32" halign="start" inlineStyle="text-align:left;" valign="baseline"/>
     <af:panelGroupLayout id="p33" layout="horizontal" halign="center" inlineStyle="text-align:center;" valign="baseline">
<af:outputText value="Center text" id="ot4"/>
</af:panelGroupLayout>
     <af:panelGroupLayout id="p34" halign="end" inlineStyle="text-align:right;" valign="baseline"/>
</af:panelGroupLayout>
In IE it is working fine but, 'Center text' still left aligned in mozilla.
Regards
Jeffry

I tried the code given above in a page with Mozilla Firefox 3.6.9
The text is in the center as expected. What is the version that you are using?
Thanks,
Navaneeth

H:PanelGroup layout. Error in documentation ???

Hi,
The render kit docs clearly say:
If the "style" or "styleClass" attributes are present, and the "layout" attribute is present with a value of "block", render a "div" element
... No matter what I do, I get a span element rendered.
Can someone explain what I am missing??
Thanks!
S

Hi,
I was using RI 1.1_01 but read the 1.2 docs
hence my error
Thanks for indirectly pointing it out
S
Edited by: shandor911 on Nov 9, 2007 4:28 AM

ADF panelGroup component's background image in CSS does not render

Hi,
I have an issue with the panelGroup component, where a background-image specified in the styleClass DOES NOT RENDER when deployed on the OAS. It works fine when I run the page on my local OC4J.
I've verified that the image I use is deployed correctly on the server.
We are using :
JDeveloper Studio Edition: 10.1.3.3.0.4157 (Build JDEVADF_10.1.3.3.0_NT_070619.1129.4157)
Oracle Application Server: 10.1.3.5.0 running on RHEL 5.
I'm customizing pages of an ADF application to change the branding and skinning. The page header region used in the application uses a 'panelPageHeader' and the image I need to introduce is part of branding and must be rendered above the application menus (2 levels: 1->MenuTabs, 2-MenuBar).
If it would help to see how my page renders locally, here's the link: http://tech-nik-alley.blogspot.com/2010/09/adf-panelgroups-background-image.html
(The brightly colored bar above the menus is newly introduced, ABC_Lightbar.jpg).
Using an objectImage with my light_bar image as source, directly in the facet menu2, causes the alignment of all pages to get disrupted. Hence the work-around of using the image as a background.
A copy of my pageHeader region is below, with comments. The panelGroup component newly introduced is in the facet "menu2". I've added the CSS definitions in the page as comments as appropriate.
Any pointers on how to debug further, work-arounds etc. are appreciated.
TIA and regards
Deepak.
=====MY PAGE HEADER REGION====
<af:regionDef var="attr">
<af:panelPageHeader styleClass="ss0" > <!—ss0 is "padding:0px;margin-left:14%;margin-right:14%;margin-top:0px;margin-bottom:0px;display:block;background-color:transparent;" -->
<f:facet name="branding">
<af:panelGroup styleClass="ss_brand"> 
<af:objectImage shortDesc="#{imageBean['SS_COMPANY_LOGO'].description}"
source="#{imageBean['SS_COMPANY_LOGO'].physicalName}"/>
</af:panelGroup>
</f:facet>
<f:facet name="menuGlobal" >
<af:panelGroup layout="horizontal" styleClass="ss00" rendered="#{attr.globalMenuShown}">     <!—ss00 is "margin-right:10px;" -->
<f:facet name="separator">
<af:objectImage source="#{imageBean['SS_GLOBAL_SEPARATOR'].physicalName}" shortDesc=""/>
</f:facet>
<af:menuButtons>
<af:goMenuItem text="#{sessionBean.authenticated?pageHeaderBean.loggedInUserInfo:messageBean.SS_GEN_GUEST}"/>
</af:menuButtons>
<af:menuButtons startDepth="0" var="menuGlobal" value="#{menuModel.model}">
<f:facet name="nodeStamp">
<af:goMenuItem text="#{menuGlobal.label}"
destination="#{menuGlobal.fileName}"
rendered="#{menuGlobal.type=='global' && menuGlobal.rendered}"
/>
</f:facet>
</af:menuButtons>
</af:panelGroup>
</f:facet>
<f:facet name="menu1" >
</f:facet>
<f:facet name="menu2" >     
                    
<af:panelGroup rendered="#{skinFamily.menuLayout=='horizontal' and attr.otherMenuShown}">
     
<af:panelGroup layout="vertical" styleClass="pageHeaderLightBar"> 
     
<af:objectSpacer width="22px"/>
</af:panelGroup>
<af:panelGroup styleClass="pageHeaderMenuLevelOne"> 
<af:menuTabs startDepth="0" var="menuTab" value="#{menuModel.model}">     
<f:facet name="nodeStamp">
<af:goMenuItem text="#{menuTab.label}"
destination="#{menuTab.fileName}"
rendered="#{menuTab.rendered and menuTab.type!='global'}"/>
</f:facet>
</af:menuTabs>
<af:menuBar startDepth="1" var="menuBar" value="#{menuModel.model}">     
<f:facet name="nodeStamp">
<af:goMenuItem text="#{menuBar.label}"
destination="#{menuBar.fileName}"
rendered="#{menuBar.rendered}" />
</f:facet>
</af:menuBar>
</af:panelGroup>
</af:panelGroup>
</f:facet>
</af:panelPageHeader>
</af:regionDef>
===================================

'background-image:url("../image/Sunset.jpg")' is a relative URL... relative to the final generated markup. It should be wrong like 99% of the times. You should rather use a styleClass and deal with the background-image with skinning as the skinning engines knows how to deal with such urls. Note that you'll most likely have to define a new resource loader and servlet mapping for the ResourceServlet. I know someone made a blog entry about that, was it Frank or Shay? Hmmm cannot remember... Maybe John as well. Anyway a Google search should yield good results for adf resource loader I think.
Regards,
~ Simon

What to use to lookup label for a given value and just render the label ?

Which component or function to best use to render a label as an outputText in a table regarding the value that is loaded from the iterator.
I'm searching for something like a lov but just to render the corresponding label as an outputText.
Does something exists in adf faces for that purpose.
Is selectOneChoice or showOneChoice the component to use ?
Is better to do this in a backing bean ?
Any recommandation will be mostly appreciate
Thanks

Hi,
let say in managed bean you have a list with values:public class MBean {
    public List getLanguages() {
        List langs = new ArrayList();
        langs.add("en");
        langs.add("sk");
        langs.add("fr");
        return langs;
}This <af:panelGroup layout="vertical">
    <af:forEach items="#{MBean.languages}" var="lang">
      <af:outputText value="#{lang}"/>
    </af:forEach>
</af:panelGroup>will display: en
sk
frNow let's make a lookup object. Add this map into your bean:     public Map getLangDesc() {
        Map myMap = new HashMap();
        myMap.put("en", "English");
        myMap.put("sk", "Slovak");
        myMap.put("fr", "French");
        return myMap;
    }and replace previous page content with: <af:panelGroup layout="vertical">
    <af:forEach items="#{MBean.languages}" var="lang">
      <af:outputText value="#{MBean.langDesc[lang]}"/>
    </af:forEach>
</af:panelGroup>The output is now English
Slovak
FrenchOf course lookup method should look different. This is just example. Now the map is recreated after each request.
Rado

Error message for required inputText components with no label

I'm using JDev/ADF 10.1.3 (but I suppose that an answer for 11g would still be the right answer.)
I'm creating a panelForm (or in 11g it would be a panelFormLayout) with a line for City, State, Zip, all required fields. Here is the code:
<af:panelLabelAndMessage label="#{res.cityStateZip_label}">
   <af:panelGroup layout="horizontal">
      <af:inputText value="#{backing_facilityUpdate.city}"
                          columns="30" maximumLength="30"
                          required="true"
                           requiredMessageDetail="#{res.requiredMessage}"
                           tip="#{res.city_label}"/>
      <af:inputText value="#{backing_facilityUpdate.state}"
                          columns="2" maximumLength="2" required="true"
                          requiredMessageDetail="#{res.requiredMessage}"
                          tip="#{res.state_label}"/>
      <af:inputText value="#{backing_facilityUpdate.zip}"
                           columns="10" maximumLength="10" required="true"
                           requiredMessageDetail="#{res.requiredMessage}"
                           tip="#{res.zipCode_label}">
          <af:validateRegExp pattern="^\d{5}(-\d{4})?$"
                                     noMatchMessageDetail="#{res.zip_invalidMessage}"/>
       </af:inputText>
   </af:panelGroup>
</af:panelLabelAndMessage>This gives me the appearance I want. But because there is no "label" attribute on the three inputText components, when a user doesn't fill them in, the error message shows the requiredMessage from the resource bundle, with just a dash - no identification of the field. I tried setting "shortDesc" - doesn't help. The "tip" doesn't do it.
Is there a way to identify which field was not filled in without setting the "label" attribute, or a way to set the label attribute, but not display the label except in the message?

Thanks - adding the labels with simple=true works in 10g as in 11g. This makes it ignore my "tip" attributes, but I can live with that. I added some spacing so I think people can tell which fields get City, State, and Zip even without the tips. I suppose I could add a line of outputText components under the line, but getting them spaced properly might be a problem. No, I'll live with what I've got.
Thanks.
Edited by: jflack on Nov 5, 2012 10:32 AM

Label bounds bigger than they really are

I have a question regarding the calculation of the bounds of labels and how they are used to take up space in a parent.
In my example, i have an application where the top element is a border pane. In the left part of the borderpane i have a VBox with a specified maxWidth (in this case, 250). The last element of the VBox is another VBox to display a label (a headline) and a GridPane. In this GridPane i have several other labels. Consider this picture:
pic1
This is how it should look like (i enabled gridLinesVisible for sake of demonstration).
When i use a Text instead of a label in the right column, i get this:
pic2
Since the Text in the second row exceeds the maxWidth of the top VBox but cannot be made smaller, the VBox grows in width. Everything ok here.
But when i use a label, i expect the label to respect the maxWidth of the top VBox. Altough it seems that it does this, see the result:
pic3
The label cuts the text at the correct place and the grid column is not larger than the needed space, but still the VBox width grew.
Is this a bug or am i doing something wrong? When i set the ColumnConstraints of the GridPane to a value, i get the result of the first picture. But this workaround isn't practicable since it's a hazzle to find out the right amount of pixels and what i really want is the label to fill the remaining space it has available from the top VBox.

jsmith wrote:
Should i write a minimal example for reproducing this issueYes.Main.java:
package labelboundsissue;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.geometry.Pos;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.Line;
import javafx.stage.Stage;
import java.net.URL;
public class Main extends Application {
public static void main(String[] args) {
    launch(args);
@Override
public void start(Stage primaryStage) throws Exception {
    BorderPane pane = new BorderPane();
    StackPane center = new StackPane();
    center.setAlignment(Pos.CENTER_LEFT);
    Label someLabel = new Label(" Label Bounds Issue Test");
    Line line = new Line(0,0,0,500);
    center.getChildren().addAll(line, someLabel);
    pane.setCenter(center);
    FXMLLoader loader = new FXMLLoader();
    URL resource = getClass().getResource("left.fxml");
    loader.setLocation(resource);
    Parent left = (Parent) loader.load();
    pane.setLeft(left);
    Scene scene = new Scene(pane, 800, 500);
    primaryStage.setScene(scene);
    primaryStage.show();
}left.fxml:
<?xml version="1.0" encoding="utf-8"?>
<?import java.lang.*?>
<?import java.net.URL?>
<?import javafx.scene.shape.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.paint.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.image.*?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.text.*?>
<?import javafx.scene.web.*?>
<?import javafx.scene.*?>
<VBox maxWidth="200">
<GridPane gridLinesVisible="true" hgap="5">
    <columnConstraints>
      <ColumnConstraints hgrow="NEVER"/>
      <ColumnConstraints hgrow="NEVER"/> 
       
    </columnConstraints>
    <Text GridPane.columnIndex="0" GridPane.rowIndex="0" text="Name:"/>
    <Label GridPane.columnIndex="1" GridPane.rowIndex="0" text="Karl Theodor Maria Nikolaus Johann Jacob Philipp Franz Joseph Sylvester Freiherr von und zu Guttenberg" />
</GridPane>
</VBox>When starting the application you can see vast amount of space between the end of the label and the left border of the border pane, altough it should be limited by the VBox' maxWidth.
Adjusting the maxWidth of the Column solves it.

How to print avery address labels 5160

Sorry but I am not finding the right steps after reading several pieces of advice on this,
and am wondering if this is all different after upgrading to Lion. I know I simply printed
labels at the holidays, but the types of Avery templates no longer shows up under
address labels on the print "layout" choices. I do now have Pages, but they don't have
a mailing label option (why???) and I can no longer use Microsoft Word since upgrading
to Lion. Help! Can someone put this in really simple steps for me please?

Pages v5 does not play nice with current Avery label templates in Word format. Pages v5 does not natively perform mail merge without adapting a third-party AppleScript solution.
Labelist 8 is in the OS X App Store for USD $20. It is comprehensive, label software. Download button on their site gives you a free, full functional, 30-day trial. Recommend you consider Labelist over any Pages v5 kludge. Your time has a value.

Custom Label Printing - Print position creeps up and across labels

Hello
I am using VS 2010 and have updated to SP4 for Crystal Reports
I used the custom size option to make a label report. The built in options for label sheets do not match the labels that I have
I made a label report for 3 columns and 8 rows using the label size, margin widths top and bottom, left and right, with the 2 widths between the columns. But this does not print correctly on the labels. The printing on the label rows creep up so by the time you reach the 8th row the label is partly on the 7th Row. The left hand column prints correctly. the middle column prints closer to the left edge of the label than in the first column and the third column is printing on the gap between the 2nd and 3rd column.
I tried making a new report and set the dimensions to the maximum sizes that would allow 24 labels (3 columns and 8 rows) but the same problem occurs as when having set the correct sizes
I am not sure if there is a method to edit the label sizes, and margin widths as happens when creating a new report or if the only option is to create a new report.
Any assistance or information on how to make the labels print with the correct row and column spacing would be appreciated.
My Labels are 67mm x 36mm. there is no space betwwen the rows, the margin at the top and bottom of the sheet are the same, and the left and right margins are the same. The space between the columns is 2mm

Thank you for the reply Rob
There is no Avery template in the list that has 24 labels, which is why I was using the Custom Label
I have tried many variations trying different widths and gaps between the labels, but in all cases by the time the 8th row is printeed the printing has crept up and is now overlapping onto the bottom of the 7th row label. The third column is printing on the gutter between the 2nd and 3rd column.
When creating a Custom label it would appear that the Wizard works on Letter size Paper regardless of the paper size that the printer is set to. All my printers are set to A4 size paper.
Letter Paper is 215.9mm x 279.4mm compared to 210mm x 297mm for A4. While the width is not a problem the length is less, and that may well be what is causing the problem when the Wizard creates the labels, despite changing the Paper size to A4. But the paper size can only be changed and set to A4 after the wizard has been given the label size and spacing for margins and gutters.
In my view the Wizard should ask for the paper size and then ask for the label size settings and layout
Regards
David

Strange behavior with Label#setWrapText(true) in GridPane.

I've got a strange behavior with a Label, which has setWrapText(true) in a GridPane.
Check out the sample and click the button.
You see, that the GridPane suddenly behaves as if it had GridPane.setVGrow and HGrow set for the lblStatus.
(it takes the full available space).
Furthermore the first column shrinks to a minimum, so that lblText1 can't display its text anymore.
Tested with 2.1 GA.
Any help with that?
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;
public class TestApp4 extends Application {
    public static void main(String[] args) {
        launch(args);
    @Override
    public void start(final Stage stage) throws Exception {
        GridPane gridPane = new GridPane();
        gridPane.setPadding(new Insets(2, 2, 2, 2));
        Label lblText1 = new Label();
        lblText1.textProperty().set("Some text");
        Label lblText2 = new Label();
        lblText2.textProperty().set("Some other text");
        Button btnClick = new Button();
        btnClick.textProperty().set("Click me");
        final Label lblStatus = new Label();
        lblStatus.setWrapText(true);
        gridPane.add(lblText1, 0, 0, 1, 1);
        gridPane.add(lblText2, 1, 0);
        gridPane.add(lblStatus, 0, 2, 2, 1);
        gridPane.add(btnClick, 0, 3, 2, 1);
        btnClick.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent actionEvent) {
                lblStatus.setText("very long text, very long text, very long text, very long text,very long text, very long text");
        gridPane.setGridLinesVisible(true);
        Scene scene = new Scene(gridPane, 300, 300);
        stage.setScene(scene);
        stage.show();
}Edited by: csh on 19.07.2012 03:35

It seems the Label doesn't like it, that it is in a GridCell with rowspan = 2
If it is in a normal cell (no rowspan), it works.
If I add ColumnConstraints to the gridpane, it kind of works, but the Label still occupies more space than it should.
Edited by: csh on 19.07.2012 03:51

Centering a label

Hi,
I am trying to center a text in a label, but when I am setting alignment to Pos.CENTER or set for label -fx-alignment: CENTER in css - the label is still on the left side.
In javafx 1.3 there was a layoutInfo property, but in 2.0 there is no such property. Any ideas?
Btw, here is my code (in groovy):
class FxApp extends Application {
     * @param args the command line arguments
    static void main(String[] args) {
          Application.launch(FxApp.class, args);
    @Override
    public void start(Stage primaryStage) {
          primaryStage.setTitle("Hello World");
          Region root = new Region();
          def scene = new Scene(root, 300, 250, Color.rgb(242, 242, 242));
          Label lbl = new Label(
               text: "Test",
               alignment: Pos.CENTER,
               height: 250,
               width: 300
          root.getChildren().add(lbl)
        primaryStage.setScene(scene);
        primaryStage.setVisible(true);
}ndrw

In javafx 1.3 there was a layoutInfo property, but in 2.0 there is no such property. Any ideas?In JavaFX 2.0, getChildren() has protected access in Parent and you can't call Region#getChildren() in your code. Try posting Java (not Groovy) code that compiles.
AFAIK Group and Region don't respect layouts. This centers the Label text in a Pane.import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
public class CenterAlignedLabel extends Application {
public static void main(String[] args) {
    Application.launch(args);
@Override
public void start(Stage primaryStage) throws Exception {
    primaryStage.setTitle("Hello World");
    Label lbl = new Label("Test");
    lbl.setAlignment(Pos.CENTER);
    lbl.setPrefSize(300, 250);
    Pane root = new Pane();
    root.getChildren().add(lbl);
    Scene scene = new Scene(root, 300, 250, Color.rgb(242, 242, 242));
    primaryStage.setScene(scene);
    primaryStage.setVisible(true);
}db

Newbie: Java FX Resizable Gui Layout

Dear all,
I am trying to create a User Interface for entering address data. The GUI should be resizable so i was experimenting with the jfxtras Grid Layout.
With the included code a rudimentary Gui is created. My Problem is that i cannot control the initial sizes of my TextBoxes. In my example the Kunden Nr is too large. The Name and Vorname Fields are too small. I tried to manage the sizes using the hspan variable. Defining widths using layoutInfo was not successful.
Can anyone give me a hint how to set sizes for TextBoxes ?
Thanks in advance
import org.jfxtras.scene.layout.*;
import org.jfxtras.scene.*;
import javafx.scene.*;
import javafx.stage.*;
import ch.bizWare.fx.components.*;
import javafx.scene.control.TextBox;
import javafx.scene.text.*;
import javafx.scene.layout.*;
import org.jfxtras.scene.shape.*;
import javafx.scene.paint.*;
// Container Definition
var scene : ResizableScene;
var mainStage : Stage;
var tbKdNr : TextBox = TextBox{
    layoutInfo: GridLayoutInfo{hgrow: Grow.ALWAYS}
var lKdNr : Text = Text{
    content: "Kunden Nr"
var tbAnrede : TextBox = TextBox{
    layoutInfo: GridLayoutInfo{hgrow: Grow.ALWAYS, hspan: 1}
var lAnrede : Text = Text{
    content: "Anrede"
var tbName : TextBox = TextBox{
    layoutInfo: GridLayoutInfo{hgrow: Grow.ALWAYS, hspan : 2}
var lName : Text = Text{
    content: "Name"
var tbVorname : TextBox = TextBox{
    layoutInfo: GridLayoutInfo{hgrow: Grow.ALWAYS, hspan: 2}
var lVorname : Text = Text{
    content: "Vorname"
var tbAdresse : TextBox = TextBox{
    layoutInfo: GridLayoutInfo{hgrow: Grow.ALWAYS, hspan: 4}
var lAdresse : Text = Text{
    content: "Adresse des Kunden"
var tbPlzOrt : TextBox = TextBox{
    layoutInfo: GridLayoutInfo{hgrow: Grow.ALWAYS, hspan: 2}
var lPlzOrt : Text = Text{
    content: "PLZ/Ort"
var grid : Grid = Grid {
    rows: [ Row{
                 cells : [lKdNr, tbKdNr]
            Row{
                cells : [lAnrede, tbAnrede, lName, tbName, lVorname, tbVorname]
            Row{
                cells : [lAdresse, tbAdresse, lPlzOrt, tbPlzOrt]
scene = ResizableScene {
   width : 600;
   height: 200;
   content:grid
// Stage Initialize
mainStage = Stage {
    title : "Adresse erfassen"
    scene : scene
}

Here is my resizable custom EmployeeUI component with address
package ui.custom;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.scene.paint.Color;
import org.jfxtras.scene.ResizableScene;
import javafx.scene.text.Text;
import org.jfxtras.scene.layout.MigLayout;
import org.jfxtras.scene.layout.MigLayout.*;
import loans.calc.*;
import javafx.stage.Stage;
import javafx.scene.Node;
import javafx.scene.paint.Color;
import javafx.scene.control.TextBox;
import javafx.scene.control.Button;
import javafx.scene.CustomNode;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.Stack;
import org.jfxtras.scene.ResizableCustomNode;
import org.jfxtras.scene.layout.ResizableVBox;
import org.jfxtras.stage.JFXDialog;
import javafx.ext.swing.SwingComboBox;
import javafx.ext.swing.SwingComboBoxItem;
import javafx.util.Sequences;
import javafx.scene.paint.LinearGradient;
import javafx.scene.paint.Stop;
import javafx.scene.text.Font;
import javafx.ext.swing.SwingComponent;
import javax.swing.JTextArea;
import javax.swing.JScrollPane;
import javafx.ext.swing.SwingTextField;
import javafx.scene.shape.Line;
* @author gusaros
public class EmployeeUI extends ResizableCustomNode {
var linearGradient = LinearGradient {
            endY: 1 endX: 0
            stops : [
                Stop { offset: 0.0 color: Color.web("#eae8e3") },
                Stop { offset: 1.0 color: Color.WHITE },
public var employee:Employee;
var line1 = Line {
          startX: 10, startY: 10
          endY: 10
          endX: bind width - 10
          // endX: 230, endY: 100
          strokeWidth: 2
          stroke: Color.DARKGRAY
var header = Text {content:
           "E m p l o y e e   i n f o r m a t i o n"
           font: Font.font("Serif",18)
     var emptyLabel=Label {
         id:"emptyLabel"
         text: ""};
var firstNameLabel=Label {
         id:"firstNameLabel"
         text: "First Name:"};
var firstNameField=TextBox {
       id:"firstNameField"
       selectOnFocus: false
       editable:false
       text: bind employee.firstName
   var lastNameLabel=Label {
       id:"lastNameLabel"
        text: "Last Name:" };
    var lastNameField=TextBox {
    id:"lastNameField"
    text: bind employee.lastName
var dobLabel=Label {
       id:"dobLabel"
        text: "DOB:" };
var dobField=TextBox {
    id:"dobField" };
var taxNumberLabel=Label {
       id:"taxNumberLabel"
        text: "Tax number:" };
var taxNumberField=TextBox {
    id:"taxNumberField" };
var titleLabel=Label {
       id:"titleLabel"
        text: "Title:" };
var titleField=TextBox {
    id:"titleField" };
var planTypeLabel=Label {
       id:"planTypeLabel"
        text: "Plan type:" };
var planTypeField=TextBox {
    id:"planTypeField" };
var activeStatusLabel=Label {
       id:"activeStatusLabel"
        text: "Active status:" };
var activeStatusField=TextBox {
    id:"activeStatusField"
var serviceLabel=Label {
       id:"servicel"
        text: "Service:" };
var serviceField=TextBox {
    id:"servicef" };
var deductionsLabel=Label {
       id:"deductionsLabel"
        text: "Deductions:" };
var deductionsField=TextBox {
    id:"deductionsField"
    text:"0"
var deductionsLabel75=Label {
       id:"deductionsLabel75"
        text: bind if (activeStatusField.text == "B")   " 75% deductions:" else
        " 90% deductions:"         };
var deductionsField75=TextBox {
    id:"deductionsField75"
    text: bind if (activeStatusField.text == "B") "{Double.parseDouble(deductionsField.text) * 0.75 }"
              else "{Double.parseDouble(deductionsField.text) * 0.9 }"
var minPaymentLabel=Label {
       id:"minpaymentLabel"
        text: "Minimum payment:" };
var minPaymentField=TextBox {
       id:"minpaymentfield"
var reserveLabel=Label {
       id:"reserveLabel"
        text: "Reserve:" };
var reserveField=TextBox {
    id:"reserveField"
    text:""
var taxableamtLabel=Label {
       id:"taxableamtLabel"
        text: "Taxable amt:" };
var taxableamtField=TextBox {
    id:"taxableamtField"
    text:""
var dcploanLabel=Label {
       id:"ldcploanLabel"
        text: "Current DCP loan :" };
var dcploanField=TextBox {
    id:"dcploanField"
    text:""
var addressLabel=Label {
    id:"addressLabel"
    text: "Address:"
var addressField=TextBox {
    id:"addressField"
var cityLabel=Label {
    id:"cityLabel"
    text: "City:"
var cityField=TextBox {
    id:"cityField"
var stateLabel=Label {
    id:"stateLabel"
    text: "State:"
var stateField = TextBox {
    id: "statefield"
    columns: 2
var stateField:SwingComboBox = SwingComboBox {
   id: "stateField"
   items: [
      SwingComboBoxItem{text:"MD"},
      SwingComboBoxItem{text:"CA"},
      SwingComboBoxItem{text:"NY"}
   visible: true
var zipLabel=Label {
   id:"zipCodeLabel"
   text: "ZIP Code:"
var zipField=TextBox {
   id:"zipCodeField"
// Nodes to be laid out
var nodesToLayout = bind [
    migNode(header, "span,alignx center, wrap" ),
      migNode(emptyLabel,   "wrap" ),
   migNode(firstNameLabel, "" ),
   migNode(firstNameField, "" ),
   migNode(lastNameLabel, "alignx right" ),
   migNode(lastNameField, "" ),
   migNode(dobLabel, "alignx right" ),
   migNode(dobField, "wrap" ),
   migNode(taxNumberLabel, "" ),
   migNode(taxNumberField, "" ),
    migNode(titleLabel, "alignx right" ),
   migNode(titleField, "span, grow,wrap" ),
   migNode(planTypeLabel, "" ),
   migNode(planTypeField, "" ),
   migNode(activeStatusLabel, "alignx right" ),
   migNode(activeStatusField, "" ),
   migNode(serviceLabel, "alignx right" ),
   migNode(serviceField, "wrap" ),
migNode(Label{ text:"" }, "wrap" ),
// migNode( line1, "span" ),
// migNode(Label{ text:"" }, "wrap" ),
migNode(addressLabel, "" ),
migNode(addressField, "span, grow" ),
   migNode(cityLabel, "" ),
   migNode(cityField, "" ),
   migNode(stateLabel, "alignx right" ),
   migNode(stateField, "", ),
   migNode(zipLabel, "alignx right" ),
   migNode(zipField, "wrap" ),
   migNode(Label{ text:"" }, "wrap" ),
   // ... other nodes are added here ...
var rowConstraintString:String = "";
var layoutConstraintString:String = "";
override function create() {
            MigLayout {
               constraints: bind layoutConstraintString
               content:bind nodesToLayout
               rows: bind rowConstraintString
}

Need help on responsive layout

Hi Folks,
In order to make the SAPUI5 application responsive in nature, we are trying to use ResponsiveFlowLayout/ResponsiveLayout/ResponsiveGridLayout as per the details available in below links. But, in this case the sample code are done via JS view, so how is possible via XML view?
https://sapui5.hana.ondemand.com/sdk/test-resources/sap/ui/layout/demokit/ResponsiveGridLayout.html
https://sapui5.hana.ondemand.com/sdk/test-resources/sap/ui/layout/demokit/ResponsiveLayout.html
https://sapui5.hana.ondemand.com/sdk/test-resources/sap/ui/layout/demokit/ResponsiveFlowLayout.html
Regards,
Diptanu

Hi Diptanu,
Refer to the below sample code:
<mvc:View height="100%" xmlns:core="sap.ui.core" xmlns:form="sap.ui.layout.form" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
controllerName="my.own.controller" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:c="sap.ui.commons" xmlns:layout="sap.ui.layout">
   <Page title="Layouts">
    <form:SimpleForm id="myForm" minWidth="1024" layout="ResponsiveLayout">
     <form:content>
      <Label text="Name">
       <layoutData>
        <layout:ResponsiveFlowLayoutData weight="12"></layout:ResponsiveFlowLayoutData>
       </layoutData>
      </Label>
      <Input value="Responsive Layouts">
       <layoutData>
        <layout:ResponsiveFlowLayoutData weight="8"></layout:ResponsiveFlowLayoutData>
       </layoutData>
      </Input>
     </form:content>
    </form:SimpleForm>
   </Page>
</mvc:View>
Hope this helps!
Regards,
Anusha

Page Button Bar Layout in ADF

Dear Members,
I have developed a simple master detail page in ADF 11g.
I am displaying Departments and corresponding employees data in JSF Page.
I am displaying Departments Data in the Panel Form Layout and Employees Data in the table layout.
Now in this page I want to display the Navigational Buttons i.e., First, Next,Previous and Last buttons on the top and bottom of the right hand side of the page. Similar to Page Button Bar in OAF.
Can any one please tell me which component I should use to achieve the above functionality?
Many thanks in advance.
Regards.

Hi,
Say your parent collection is "DepartmentsView1" in the ADF Data Control panel. Drag the DepartmentsView1 collection from the DataControls panel and drop it onto the page. In the opened context menu, choose Navigation and then "ADF Navigation Buttons". A button bas is a layout container (can be toolbar or panelGroup layout) that hosts a number of buttons. If you need a more sophisticated component to do this, read this: http://www.oracle.com/technetwork/developer-tools/adf/learnmore/24-generic-toolbar-component-169163.pdf
Frank

Label of a PanelGroup Layout

Similar Messages

Maybe you are looking for