Quantcast
Channel: SmartClient Forums
Viewing all articles
Browse latest Browse all 4756

DynamicForm Width strange behaviour

$
0
0
Hi Isomorphic,

please see this simple BuiltInDS-based sample (using v10.0p_2015-05-06):

Code:

package com.smartgwt.sample.client;

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.core.KeyIdentifier;
import com.smartgwt.client.data.Criteria;
import com.smartgwt.client.data.DataSource;
import com.smartgwt.client.util.PageKeyHandler;
import com.smartgwt.client.util.Page;
import com.smartgwt.client.util.SC;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.ComboBoxItem;
import com.smartgwt.client.widgets.form.fields.DateItem;
import com.smartgwt.client.widgets.form.fields.DateTimeItem;
import com.smartgwt.client.widgets.form.fields.SelectItem;
import com.smartgwt.client.widgets.form.fields.SpinnerItem;
import com.smartgwt.client.widgets.form.fields.TextAreaItem;
import com.smartgwt.client.widgets.form.fields.TextItem;
import com.smartgwt.client.widgets.layout.HStack;
import com.smartgwt.client.widgets.layout.VStack;

public class BuiltInDS implements EntryPoint {

        public void onModuleLoad() {
                KeyIdentifier debugKey = new KeyIdentifier();
                debugKey.setCtrlKey(true);
                debugKey.setKeyName("D");

                Page.registerKey(debugKey, new PageKeyHandler() {
                        public void execute(String keyName) {
                                SC.showConsole();
                        }
                });

                VStack stack = new VStack();
                stack.setLeft(20);
                stack.setTop(20);
                stack.setWidth100();
                stack.setMembersMargin(20);

                HStack stackRow1 = new HStack();
                stackRow1.setMembersMargin(20);
                stackRow1.setWidth100();
                stackRow1.setHeight100();

                Testform narrowForm = new Testform(false);
                Testform narrowFormStar = new Testform(true);
                stackRow1.addMembers(narrowForm, narrowFormStar);

                stack.addMembers(stackRow1);
                stack.draw();
        }

        private class Testform extends DynamicForm {
                private TextItem scientificName;
                private TextItem commonName;
                private SelectItem status;
                private ComboBoxItem status2;
                private SpinnerItem lifeSpan;
                private TextAreaItem information;
                private DateItem dateItem;
                private DateTimeItem dateTimeItem;

                public Testform(final boolean starWidthTAI) {
                        super();
                        setWidth100();
                        setIsGroup(true);
                        setGroupTitle("setWidth100()-form");
                        setDataSource(DataSource.get("animals"));

                        commonName = new TextItem("commonName");
                        scientificName = new TextItem("scientificName");
                        status = new SelectItem("status", "Status(SI)");
                        status2 = new ComboBoxItem("status", "Status(CBI)");
                        lifeSpan = new SpinnerItem("lifeSpan");
                        information = new TextAreaItem("information");
                        dateItem = new DateItem("diTest");
                        dateTimeItem = new DateTimeItem("dtiTest");
                        if (starWidthTAI) {
                                // information.setWidth("*");
                        }
                        setFields(commonName, scientificName, status, status2, lifeSpan, information, dateItem, dateTimeItem);
                        fetchData(new Criteria("scientificName", "Loxodonta africana"));
                }
        }
}

I don't understand why the two DynamicForms are so wide (see horizontal scrollbar in the screenshot) and why I get a vertical scrollbar at all. I tested using FF26 DevMode.

Best regards
Blama

Attached Images
File Type: png Stack_and_DynamicForm-width.png (27.5 KB)

Viewing all articles
Browse latest Browse all 4756

Trending Articles