Examples with Label org.adempiere.webui.component.Label used on opensource projects

Example 1 with Label

use of org.adempiere.webui.component.Label in project adempiere by adempiere.

the class WPOSDocumentPanel method init.

@Override
public void init() {
    int C_POSKeyLayout_ID = posPanel.getC_POSKeyLayout_ID();
    if (C_POSKeyLayout_ID == 0)
        return;
    m_Format = DisplayType.getNumberFormat(DisplayType.Amount);
    isKeyboard = false;
    v_TotalsPanel = GridFactory.newGridLayout();
    v_TotalsPanel.setHeight("100%");
    v_TotalsPanel.setStyle("width:130%;height:100%");
    v_OrderPanel = GridFactory.newGridLayout();
    v_OrderPanel.setStyle("border: none; width:130%; height:100%");
    v_GroupPanel = GridFactory.newGridLayout();
    v_GroupPanel.setWidth("100%");
    v_GroupPanel.setHeight("auto");
    //  Define the criteria rows and grid  
    Rows rows = new Rows();
    //
    row = new Row();
    rows.appendChild(row);
    rows.setHeight("100%");
    rows.setWidth("100%");
    v_TotalsGroup = new Groupbox();
    v_InfOrderGroup = new Groupbox();
    v_InfOrderGroup.appendChild(v_OrderPanel);
    v_InfOrderGroup.setWidth("85%");
    row.appendChild(v_InfOrderGroup);
    row.appendChild(v_TotalsGroup);
    // BP
    bPartnerName = new WPOSTextField(Msg.translate(Env.getCtx(), "IsCustomer"), posPanel.getKeyboard());
    bPartnerName.setHeight("35px");
    bPartnerName.setStyle(WPOS.FONTSIZEMEDIUM + "; font-weight:bold");
    bPartnerName.setWidth("97%");
    bPartnerName.addEventListener(this);
    row = rows.newRow();
    row.setSpans("2");
    row.setHeight("10px");
    row.appendChild(bPartnerName);
    v_GroupPanel.appendChild(rows);
    v_GroupPanel.setStyle("Overflow:hidden;");
    v_OrderPanel.setStyle("Overflow:hidden;");
    v_TotalsGroup.appendChild(v_TotalsPanel);
    v_TotalsGroup.setWidth("65%");
    v_TitleBorder = new Caption(Msg.getMsg(Env.getCtx(), "Totals"));
    Style style = new Style();
    style.setContent(".z-fieldset { margin-left:-5px }" + ".z-combo-item-text { Font-family:Courier New}" + ".z-fieldset legend {font-size: medium; font-weight:bold; width:100%;} " + ".input-search table tr td input{font-size: medium; font-weight:bold; width:100%; height:20px;}" + ".Table-OrderLine tr th div{font-size: 13px; padding:5px} " + ".Table-OrderLine tr td div, .Table-OrderLine tr td div input{font-size: 13; height:auto}" + ".label-description {" + WPOS.FONTSIZEMEDIUM + " display:block; height:15px; font-weight:bold; width: 415px; overflow:hidden;}" + ".fontLarge label  {font-size: medium;}" + "div.z-grid-body {-moz-box-shadow: 0 0 0px #888;-webkit-box-shadow: 0 0 0px #888;box-shadow: 0 0 0px #888;}");
    style.setParent(v_TitleBorder);
    v_TotalsGroup.appendChild(v_TitleBorder);
    v_TitleInfo = new Caption(Msg.getMsg(Env.getCtx(), "InfoOrder"));
    v_InfOrderGroup.appendChild(v_TitleInfo);
    rows = null;
    row = null;
    rows = v_OrderPanel.newRows();
    appendChild(v_GroupPanel);
    //
    row = rows.newRow();
    row.setHeight("10px");
    Label f_lb_DocumentNo = new Label(Msg.translate(Env.getCtx(), I_C_Order.COLUMNNAME_DocumentNo) + ":");
    f_lb_DocumentNo.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(f_lb_DocumentNo.rightAlign());
    documentNo = new Label();
    documentNo.setStyle(WPOS.FONTSIZEMEDIUM + "; font-weight:bold");
    row.appendChild(documentNo.rightAlign());
    row = rows.newRow();
    row.setHeight("20px");
    row.setWidth("100%");
    Label f_lb_DocumentType = new Label(Msg.translate(Env.getCtx(), I_C_Order.COLUMNNAME_C_DocType_ID) + ":");
    f_lb_DocumentType.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(f_lb_DocumentType.rightAlign());
    documentType = new Label();
    documentType.setClass("label-description");
    documentType.setStyle(WPOS.FONTSIZEMEDIUM + "; font-weight:bold; width:auto !important;max-width:225px !important; white-space:pre;");
    row.appendChild(documentType.rightAlign());
    row = rows.newRow();
    row.setHeight("20px");
    Label f_lb_DocumentStatus = new Label(Msg.translate(Env.getCtx(), I_C_Order.COLUMNNAME_DocStatus) + ":");
    f_lb_DocumentStatus.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(f_lb_DocumentStatus.rightAlign());
    documentStatus = new Label();
    documentStatus.setStyle(WPOS.FONTSIZEMEDIUM + "; font-weight:bold");
    row.appendChild(documentStatus.rightAlign());
    row = rows.newRow();
    row.setHeight("20px");
    Label f_lb_SalesRep = new Label(Msg.translate(Env.getCtx(), I_C_Order.COLUMNNAME_SalesRep_ID) + ":");
    f_lb_SalesRep.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(f_lb_SalesRep.rightAlign());
    salesRep = new Label(posPanel.getSalesRepName());
    salesRep.setStyle(WPOS.FONTSIZEMEDIUM + "; font-weight:bold");
    row.appendChild(salesRep.rightAlign());
    row = rows.newRow();
    rows = v_TotalsPanel.newRows();
    //
    row = rows.newRow();
    row.setHeight("10px");
    Label lDocumentDate = new Label(Msg.translate(Env.getCtx(), I_C_Order.COLUMNNAME_DateOrdered) + ":");
    lDocumentDate.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(lDocumentDate);
    documentDate = new Label();
    documentDate.setStyle(WPOS.FONTSIZEMEDIUM + "; font-weight:bold");
    row.appendChild(documentDate.rightAlign());
    row = rows.newRow();
    row.setHeight("10px");
    Label lNet = new Label(Msg.translate(Env.getCtx(), "SubTotal") + ":");
    lNet.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(lNet);
    totalLines = new Label(String.valueOf(DisplayType.Amount));
    totalLines.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(totalLines.rightAlign());
    totalLines.setText("0.00");
    row = rows.newRow();
    row.setHeight("20px");
    Label lTax = new Label(Msg.translate(Env.getCtx(), "C_Tax_ID") + ":");
    lTax.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(lTax);
    taxAmount = new Label(String.valueOf(DisplayType.Amount));
    taxAmount.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(taxAmount.rightAlign());
    taxAmount.setText(Env.ZERO.toString());
    row = rows.newRow();
    Label lTotal = new Label(Msg.translate(Env.getCtx(), "GrandTotal") + ":");
    lTotal.setStyle(WPOS.FONTSIZEMEDIUM);
    row.appendChild(lTotal);
    grandTotal = new Label(String.valueOf(DisplayType.Amount));
    row.appendChild(grandTotal.rightAlign());
    grandTotal.setText(Env.ZERO.toString());
    grandTotal.setStyle("Font-size:1.9em;font-weight:bold");
    // Center Panel
    Grid layout = GridFactory.newGridLayout();
    org.adempiere.webui.component.Panel centerPanel = new org.adempiere.webui.component.Panel();
    appendChild(centerPanel);
    centerPanel.setStyle("overflow:auto; height:75%");
    centerPanel.appendChild(layout);
    layout.setWidth("100%");
    layout.setStyle("");
    rows = layout.newRows();
    keyboardPanel = new WPOSKeyPanel(C_POSKeyLayout_ID, this);
    row = rows.newRow();
    row.setHeight("50%");
    row.setSpans("4");
    row.appendChild(keyboardPanel);
    collectPayment = new WCollect(posPanel);
    scalesPanel = new WPOSScalesPanel(posPanel);
    scalesPanel.hidePanel();
    //add(scalesPanel.getPanel(), scalesConstraint);
    //	Refresh
    totalLines.setText(m_Format.format(Env.ZERO));
    grandTotal.setText(m_Format.format(Env.ZERO));
    taxAmount.setText(m_Format.format(Env.ZERO));
    //	Refresh
    refreshPanel();
}

Example 2 with Label

use of org.adempiere.webui.component.Label in project adempiere by adempiere.

the class WPOSKeyPanel method createButton.

/**
	 * Create Buttton For Keyboard
	 * @param C_POSKeyLayout_ID
	 * @param m_txtCalc
	 * @return
	 * @return Panel
	 */
private Panel createButton(int C_POSKeyLayout_ID, String m_txtCalc) {
    // already added
    if (keymap.containsKey(C_POSKeyLayout_ID)) {
        return null;
    }
    Panel card = new Panel();
    MPOSKeyLayout keyLayout = MPOSKeyLayout.get(Env.getCtx(), C_POSKeyLayout_ID);
    Color stdColor = Color.lightGray;
    if (keyLayout.getAD_PrintColor_ID() != 0) {
        MPrintColor color = MPrintColor.get(Env.getCtx(), keyLayout.getAD_PrintColor_ID());
        stdColor = color.getColor();
    }
    if (keyLayout.get_ID() == 0)
        return null;
    MPOSKey[] keys = keyLayout.getKeys(false);
    HashMap<Integer, MPOSKey> map = new HashMap<Integer, MPOSKey>(keys.length);
    keymap.put(C_POSKeyLayout_ID, map);
    //	Min Columns
    int COLUMNS = 3;
    //	Min Rows
    int ROWS = 3;
    int noKeys = keys.length;
    int cols = keyLayout.getColumns();
    if (cols == 0)
        cols = COLUMNS;
    int buttons = 0;
    log.fine("PosSubFunctionKeys.init - NoKeys=" + noKeys + ", Cols=" + cols);
    //	Content
    Panel content = new Panel();
    for (MPOSKey key : keys) {
        map.put(key.getC_POSKey_ID(), key);
        Color keyColor = stdColor;
        if (key.getAD_PrintColor_ID() != 0) {
            MPrintColor color = MPrintColor.get(Env.getCtx(), key.getAD_PrintColor_ID());
            keyColor = color.getColor();
        }
        log.fine("#" + map.size() + " - " + keyColor);
        Panel button = new Panel();
        Label label = new Label(key.getName());
        label.setStyle("margin: 25px 0px 00px 0px; top:20px; font-size:medium; font-weight: bold;");
        label.setHeight("100%");
        button.appendChild(label);
        button.setClass("z-button");
        button.setStyle("float:left; white-space: pre-line;text-align:center; margin:0.4% 1%; Background-color:rgb(" + keyColor.getRed() + "," + keyColor.getGreen() + "," + keyColor.getBlue() + "); border: 2px outset #CCC; " + "background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,0.93) 7%, rgba(186,186,186,0.25) 15%, rgba(" + keyColor.getRed() + "," + keyColor.getGreen() + "," + keyColor.getBlue() + ",1) 100%);" + "background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(7%, rgba(255,255,255,0.93)), color-stop(15%, rgba(186,186,186,0.25)), color-stop(100%, rgba(" + keyColor.getRed() + "," + keyColor.getGreen() + "," + keyColor.getBlue() + ",1)));" + "background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,0.93) 7%, rgba(186,186,186,0.25) 15%, rgba(" + keyColor.getRed() + "," + keyColor.getGreen() + "," + keyColor.getBlue() + ",1) 100%);");
        button.setHeight("55px");
        button.setWidth("55px");
        button.setAction("onClick : text_action.textEvent('" + m_txtCalc + "', '" + key.getText() + "', '" + this.keyBoardType + "')");
        button.setId("" + key.getC_POSKey_ID());
        button.addEventListener("onClick", this);
        int size = 1;
        if (key.getSpanX() > 1) {
            size = key.getSpanX();
        }
        if (key.getSpanY() > 1) {
            size = size * key.getSpanY();
        }
        buttons = buttons + size;
        content.appendChild(button);
    }
    int rows = Math.max((buttons / cols), ROWS);
    if (buttons % cols > 0)
        rows = rows + 1;
    for (int i = buttons; i < rows * cols; i++) {
        Panel button = new Panel();
        button.setStyle("float:left; text-align:center; margin:0.4% 1%;");
        button.setHeight("55px");
        button.setWidth("55px");
        content.appendChild(button);
    }
    card.appendChild(content);
    return card;
}

Example 3 with Label

use of org.adempiere.webui.component.Label in project adempiere by adempiere.

the class WPOSKeyPanel method createButton.

/**
	 * Create Button
	 * @param C_POSKeyLayout_ID
	 * @return
	 * @return Panel
	 */
public Panel createButton(int C_POSKeyLayout_ID) {
    if (keymap.containsKey(C_POSKeyLayout_ID)) {
        return null;
    }
    Panel card = new Panel();
    card.setWidth("100%");
    MPOSKeyLayout keyLayout = MPOSKeyLayout.get(Env.getCtx(), C_POSKeyLayout_ID);
    Color stdColor = Color.lightGray;
    if (keyLayout.getAD_PrintColor_ID() != 0) {
        MPrintColor color = MPrintColor.get(Env.getCtx(), keyLayout.getAD_PrintColor_ID());
        stdColor = color.getColor();
    }
    if (keyLayout.get_ID() == 0)
        return null;
    MPOSKey[] keys = keyLayout.getKeys(false);
    HashMap<Integer, MPOSKey> map = new HashMap<Integer, MPOSKey>(keys.length);
    keymap.put(C_POSKeyLayout_ID, map);
    //	Min Columns
    int COLUMNS = 3;
    //	Min Rows
    int ROWS = 3;
    int noKeys = keys.length;
    int cols = keyLayout.getColumns();
    if (cols == 0)
        cols = COLUMNS;
    int buttons = 0;
    log.fine("PosSubFunctionKeys.init - NoKeys=" + noKeys + ", Cols=" + cols);
    //	Content
    Panel content = new Panel();
    for (MPOSKey key : keys) {
        if (!key.getName().equals("")) {
            map.put(key.getC_POSKey_ID(), key);
            Color keyColor = stdColor;
            if (key.getAD_PrintColor_ID() != 0) {
                MPrintColor color = MPrintColor.get(Env.getCtx(), key.getAD_PrintColor_ID());
                keyColor = color.getColor();
            }
            log.fine("#" + map.size() + " - " + keyColor);
            Panel button = new Panel();
            Label label = new Label(key.getName());
            Center nt = new Center();
            South st = new South();
            Borderlayout mainLayout = new Borderlayout();
            if (key.getAD_Image_ID() != 0) {
                MImage m_mImage = MImage.get(Env.getCtx(), key.getAD_Image_ID());
                AImage img = null;
                byte[] data = m_mImage.getData();
                if (data != null && data.length > 0) {
                    try {
                        img = new AImage(null, data);
                    } catch (Exception e) {
                    }
                }
                Image bImg = new Image();
                bImg.setContent(img);
                bImg.setWidth("66%");
                bImg.setHeight("80%");
                nt.appendChild(bImg);
            }
            label.setStyle("word-wrap: break-word; white-space: pre-line;margin: 25px 0px 0px 0px; top:20px; font-size:10pt; font-weight: bold;color: #FFF;");
            label.setHeight("100%");
            button.setHeight("100px");
            st.appendChild(label);
            button.setClass("z-button");
            button.setStyle("float:left; white-space: pre-line;text-align:center; margin:0.4% 1%; Background-color:rgb(" + keyColor.getRed() + "," + keyColor.getGreen() + "," + keyColor.getBlue() + "); border: 2px outset #CCC; " + "background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,0.93) 7%, rgba(186,186,186,0.25) 15%, rgba(" + keyColor.getRed() + "," + keyColor.getGreen() + "," + keyColor.getBlue() + ",1) 100%);" + "background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(7%, rgba(255,255,255,0.93)), color-stop(15%, rgba(186,186,186,0.25)), color-stop(100%, rgba(" + keyColor.getRed() + "," + keyColor.getGreen() + "," + keyColor.getBlue() + ",1)));" + "background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,0.93) 7%, rgba(186,186,186,0.25) 15%, rgba(" + keyColor.getRed() + "," + keyColor.getGreen() + "," + keyColor.getBlue() + ",1) 100%);");
            mainLayout.appendChild(nt);
            mainLayout.appendChild(st);
            mainLayout.setStyle("background-color: transparent");
            nt.setStyle("background-color: transparent");
            st.setStyle("clear: both; background-color: #333; opacity: 0.6;");
            st.setZindex(99);
            button.appendChild(mainLayout);
            button.setId("" + key.getC_POSKey_ID());
            button.addEventListener("onClick", this);
            int size = 1;
            if (key.getSpanX() > 1) {
                size = key.getSpanX();
                button.setWidth("96%");
            } else
                button.setWidth(90 / cols + "%");
            if (key.getSpanY() > 1) {
                size = size * key.getSpanY();
            }
            buttons = buttons + size;
            content.appendChild(button);
        }
    }
    int rows = Math.max((buttons / cols), ROWS);
    if (buttons % cols > 0)
        rows = rows + 1;
    card.appendChild(content);
    return card;
}

Example 4 with Label

use of org.adempiere.webui.component.Label in project adempiere by adempiere.

the class WQueryBPartner method init.

/**
	 * 	Set up Panel
	 */
protected void init() {
    setTitle(Msg.translate(Env.getCtx(), "C_BPartner_ID"));
    Panel panel = new Panel();
    setVisible(true);
    Panel mainPanel = new Panel();
    Grid bPartnerLayout = GridFactory.newGridLayout();
    Groupbox groupPanel = new Groupbox();
    Caption v_TitleBorder = new Caption(Msg.getMsg(ctx, "Query"));
    //	Set title window
    this.setClosable(true);
    // add listener on 'ENTER' key 
    addEventListener(Events.ON_OK, this);
    appendChild(panel);
    //	North
    northPanel = new Panel();
    mainPanel.appendChild(mainLayout);
    mainPanel.setStyle("width: 100%; height: 100%; padding: 0; margin: 0");
    mainLayout.setHeight("100%");
    mainLayout.setWidth("100%");
    Center center = new Center();
    //
    North north = new North();
    north.setStyle("border: none");
    mainLayout.appendChild(north);
    north.appendChild(groupPanel);
    groupPanel.appendChild(v_TitleBorder);
    groupPanel.appendChild(bPartnerLayout);
    appendChild(mainPanel);
    bPartnerLayout.setWidth("100%");
    Rows rows = null;
    Row row = null;
    rows = bPartnerLayout.newRows();
    row = rows.newRow();
    Label labelValue = new Label(Msg.translate(ctx, "Value"));
    row.appendChild(labelValue.rightAlign());
    labelValue.setStyle(WPOS.FONTSIZESMALL);
    fieldValue = new WPOSTextField(null, posPanel.getKeyboard());
    row.appendChild(fieldValue);
    fieldValue.setWidth("120px");
    fieldValue.addEventListener(this);
    fieldValue.setStyle(WPOS.FONTSIZESMALL);
    Label labelTaxID = new Label(Msg.translate(ctx, "TaxID"));
    row.appendChild(labelTaxID.rightAlign());
    labelValue.setStyle(WPOS.FONTSIZESMALL);
    fieldTaxID = new WPOSTextField(null, posPanel.getKeyboard());
    row.appendChild(fieldTaxID);
    fieldTaxID.setWidth("120px");
    fieldTaxID.addEventListener(this);
    fieldTaxID.setStyle(WPOS.FONTSIZESMALL);
    Label labelContact = new Label(Msg.translate(ctx, "Contact"));
    row.appendChild(labelContact.rightAlign());
    labelContact.setStyle(WPOS.FONTSIZESMALL);
    fieldContact = new WPOSTextField(null, posPanel.getKeyboard());
    row.appendChild(fieldContact);
    fieldContact.setWidth("120px");
    fieldContact.addEventListener(this);
    fieldContact.setStyle(WPOS.FONTSIZESMALL);
    Label labelPhone = new Label(Msg.translate(ctx, "Phone"));
    row.appendChild(labelPhone.rightAlign());
    labelPhone.setStyle(WPOS.FONTSIZESMALL);
    fieldPhone = new WPOSTextField(null, posPanel.getKeyboard());
    row.appendChild(fieldPhone);
    fieldPhone.setWidth("120px");
    fieldPhone.addEventListener(this);
    fieldPhone.setStyle(WPOS.FONTSIZESMALL);
    // New Line
    row = rows.newRow();
    Label labelName = new Label(Msg.translate(ctx, "Name"));
    row.appendChild(labelName.rightAlign());
    labelName.setStyle(WPOS.FONTSIZESMALL);
    fieldName = new WPOSTextField(null, posPanel.getKeyboard());
    row.appendChild(fieldName);
    fieldName.addEventListener(this);
    fieldName.setWidth("120px");
    fieldName.setStyle(WPOS.FONTSIZESMALL);
    Label labelName2 = new Label(Msg.translate(ctx, "Name2"));
    row.appendChild(labelName2.rightAlign());
    labelName2.setStyle(WPOS.FONTSIZESMALL);
    fieldName2 = new WPOSTextField(null, posPanel.getKeyboard());
    row.appendChild(fieldName2);
    fieldName2.addEventListener(this);
    fieldName2.setWidth("120px");
    fieldName2.setStyle(WPOS.FONTSIZESMALL);
    //
    Label labelEmail = new Label(Msg.translate(ctx, "Email"));
    row.appendChild(labelEmail.rightAlign());
    labelEmail.setStyle(WPOS.FONTSIZESMALL);
    fieldEmail = new WPOSTextField(null, posPanel.getKeyboard());
    row.appendChild(fieldEmail);
    fieldEmail.addEventListener(this);
    fieldEmail.setWidth("120px");
    fieldEmail.setStyle(WPOS.FONTSIZESMALL);
    //
    Label labelCity = new Label(Msg.translate(ctx, "City"));
    row.appendChild(labelCity.rightAlign());
    labelCity.setStyle(WPOS.FONTSIZESMALL);
    fieldCity = new WPOSTextField(null, posPanel.getKeyboard());
    fieldCity.setWidth("120px");
    row.appendChild(fieldCity);
    fieldCity.addEventListener("onFocus", this);
    fieldCity.setStyle(WPOS.FONTSIZESMALL);
    posTable = ListboxFactory.newDataTable();
    posTable.prepareTable(columnInfos, "C_Order", "C_POS_ID = " + posPanel.getC_POS_ID(), false, "C_Order");
    center = new Center();
    center.setStyle("border: none");
    posTable.setWidth("100%");
    posTable.setHeight("99%");
    posTable.addActionListener(this);
    center.appendChild(posTable);
    mainLayout.appendChild(center);
    posTable.setClass("Table-OrderLine");
    posTable.autoSize();
    posTable.addEventListener(Events.ON_DOUBLE_CLICK, this);
    addNewAction();
}

Example 5 with Label

use of org.adempiere.webui.component.Label in project adempiere by adempiere.

the class WWFActivity method init.

private void init() {
    Grid grid = new Grid();
    grid.setWidth("100%");
    grid.setHeight("100%");
    grid.setStyle("margin:0; padding:0; position: absolute; align: center; valign: center;");
    grid.makeNoStrip();
    grid.setOddRowSclass("even");
    Rows rows = new Rows();
    grid.appendChild(rows);
    Row row = new Row();
    rows.appendChild(row);
    Div div = new Div();
    div.setAlign("right");
    div.appendChild(lNode);
    row.appendChild(div);
    row.appendChild(fNode);
    fNode.setWidth("100%");
    fNode.setReadonly(true);
    row = new Row();
    rows.appendChild(row);
    row.setValign("top");
    div = new Div();
    div.setAlign("right");
    div.appendChild(lDesctiption);
    row.appendChild(div);
    row.appendChild(fDescription);
    fDescription.setMultiline(true);
    fDescription.setWidth("100%");
    fDescription.setReadonly(true);
    row = new Row();
    rows.appendChild(row);
    div = new Div();
    div.setAlign("right");
    div.appendChild(lHelp);
    row.appendChild(div);
    row.appendChild(fHelp);
    fHelp.setMultiline(true);
    fHelp.setWidth("100%");
    fHelp.setReadonly(true);
    fHelp.setRows(3);
    row.appendChild(new Label());
    row = new Row();
    rows.appendChild(row);
    div = new Div();
    div.setAlign("right");
    div.appendChild(lHistory);
    row.appendChild(div);
    row.appendChild(fHistory);
    row.appendChild(new Label());
    row = new Row();
    rows.appendChild(row);
    div = new Div();
    div.setAlign("right");
    div.appendChild(lAnswer);
    row.appendChild(div);
    Hbox hbox = new Hbox();
    hbox.appendChild(fAnswerText);
    hbox.appendChild(fAnswerList);
    hbox.appendChild(fAnswerButton);
    fAnswerButton.addEventListener(Events.ON_CLICK, this);
    row.appendChild(hbox);
    row.appendChild(bZoom);
    bZoom.addEventListener(Events.ON_CLICK, this);
    row = new Row();
    rows.appendChild(row);
    div = new Div();
    div.setAlign("right");
    div.appendChild(lTextMsg);
    row.appendChild(div);
    row.appendChild(fTextMsg);
    fTextMsg.setMultiline(true);
    fTextMsg.setWidth("100%");
    row.appendChild(new Label());
    row = new Row();
    rows.appendChild(row);
    div = new Div();
    div.setAlign("right");
    div.appendChild(lForward);
    row.appendChild(div);
    hbox = new Hbox();
    hbox.appendChild(fForward.getComponent());
    hbox.appendChild(lOptional);
    row.appendChild(hbox);
    row.appendChild(bOK);
    bOK.addEventListener(Events.ON_CLICK, this);
    Borderlayout layout = new Borderlayout();
    layout.setWidth("100%");
    layout.setHeight("100%");
    layout.setStyle("background-color: transparent; position: absolute;");
    North north = new North();
    north.appendChild(listbox);
    north.setSplittable(true);
    north.setHflex("true");
    //north.setVflex("true");
    north.setHeight("50%");
    layout.appendChild(north);
    north.setStyle("background-color: transparent");
    listbox.addEventListener(Events.ON_SELECT, this);
    Center center = new Center();
    center.appendChild(grid);
    layout.appendChild(center);
    center.setStyle("background-color: transparent");
    center.setHflex("true");
    center.setVflex("true");
    South south = new South();
    south.appendChild(statusBar);
    layout.appendChild(south);
    south.setStyle("background-color: transparent");
    this.appendChild(layout);
    this.setStyle("height: 100%; width: 100%; position: absolute;");
}