Announcement

**b33son** · 23 Feb 2010, 14:32

bump. i had a similar problem!

**Isomorphic** · 23 Feb 2010, 14:42

Netbeans may be including extra CSS files in your newly created GWT module. If you find any, remove it (see the FAQ for why this is a problem).

Also, try creating a standalone project rather than starting with the Showcase. The Showcase is designed to show a series of mini-applications and is not a good starting point for a normal application (nor should you include the Showcase CSS in a normal application).

**stefanscottalexx** · 23 Feb 2010, 17:42

thanks

Originally posted by Isomorphic

Netbeans may be including extra CSS files in your newly created GWT module. If you find any, remove it (see the FAQ for why this is a problem).

Also, try creating a standalone project rather than starting with the Showcase. The Showcase is designed to show a series of mini-applications and is not a good starting point for a normal application (nor should you include the Showcase CSS in a normal application).

Hmm... these are interesting ideas.

I will find this FAQ and try to see if NetBeans is adding any extra CSS files to my project.

I also agree that it would be a good idea to do a standalone project. (I thought that this was a standalone project because I didn't think I was using the *entire* Showcase - I tried to build just the Master Detail form in the Featured Samples, by just creating a new empty Project in NetBeans and then copying and pasting a couple source code files from the Master Detail sample into the empty Project.) But of course it would be more interesting, and I'd feel more self-confident, if I could build a standalone project as you say - just starting from scratch. I will try this, but it's hard building a project from scratch involving NetBeans and SmartGWT without just one example showing how it's done. There are a lot of files to deal with in a single project and it's not realistic to expect a newbie to have the proper instincts to make it possible to wade through them all and figure out what's what.

Some step-by-step examples of how to build some of the beautiful samples in the showcase - as *standalone* projects as you say, built from scratch in a typical Java IDE such as NetBeans, Eclipse, or IntelliJ (using the current versions of these IDEs, plus the current version of SmartGWT) would be a really big help to a lot of people who trying to learn SmartGWT and maybe buy it.

**stefanscottalexx** · 23 Feb 2010, 18:23

Took out all CSS files - still not working

Originally posted by Isomorphic

Netbeans may be including extra CSS files in your newly created GWT module. If you find any, remove it (see the FAQ for why this is a problem).

Also, try creating a standalone project rather than starting with the Showcase. The Showcase is designed to show a series of mini-applications and is not a good starting point for a normal application (nor should you include the Showcase CSS in a normal application).

Well, I took out all the CSS files - and the ListGrid (and the Label above it) are still way too narrow: about an inch wide.

This is taking me over a week just to get started with SmartGWT. After evaluating dozens of Java web frameworks I do feel that SmartGWT is the best thing out there, and it is one of the few pieces of software I actually am willing to spend some money on (approx. 700 USD to get the Pro version).

I really could use a tutorial showing how to use NetBeans 6.8 and SmartGWT 2.0 to build a simple standalone project like the Master Detail which is in the Featured Samples in the Showcase.

I thought I could just do this by creating a new project in NetBeans and copying and pasting the source code from the Master Detail sample into my project - plus any PNG files needed.

But this isn't working. There are so many configuration files involved with NetBeans and GWT, I don't know where to begin to look.

If Isomorphic could spend the time to show us how to use the current versions of the major Java IDEs (NetBeans 6.7 or 6.8, Eclipse 3.4 or 3.5, IntelliJ 8 or 9) with the current version of SmartGWT (2.0)... then I bet this would really help to increase sales.

Isomorphic has a great product here. If there were some up-to-date tutorials available, this would really help increase the user base.

**stefanscottalexx** · 23 Feb 2010, 19:41

I got something to work

Well, after messing around with the code for a while, I found something that does work.

Here's what I did:

In the source file MainEntryPoint.java I took the two function calls:

SetWidth100();

and replaced them with

SetWidth(600);

So the source file MainEntryPoint.Java now reads:

Code:

package org.yournamehere.client;

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.data.DataSource;
import com.smartgwt.client.widgets.IButton;
import com.smartgwt.client.widgets.Label;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.events.ClickHandler;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.grid.ListGrid;
import com.smartgwt.client.widgets.grid.events.RecordClickEvent;
import com.smartgwt.client.widgets.grid.events.RecordClickHandler;
import com.smartgwt.client.widgets.layout.VLayout;

public class MainEntryPoint implements EntryPoint {

    public void onModuleLoad() {

        VLayout layout = new VLayout(15);

        Label label = new Label();
        label.setHeight(10);
        label.setWidth(600);
        label.setContents("Showing items in Category 'Rollfix Glue'");
        layout.addMember(label);

        final DataSource dataSource = ItemSupplyLocalDS.getInstance();

        final DynamicForm form = new DynamicForm();
        form.setIsGroup(true);
        form.setGroupTitle("Update");
        form.setNumCols(4);
        form.setDataSource(dataSource);


        final ListGrid listGrid = new ListGrid();
        listGrid.setWidth(600);
        listGrid.setHeight(200);
        listGrid.setDataSource(dataSource);
        listGrid.setAutoFetchData(true);
        listGrid.addRecordClickHandler(new RecordClickHandler() {
            public void onRecordClick(RecordClickEvent event) {
                form.reset();
                form.editSelectedData(listGrid);
            }
        });

        layout.addMember(listGrid);
        layout.addMember(form);

        IButton button = new IButton("Save");
        button.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                form.saveData();
            }
        });
        layout.addMember(button);

        layout.draw();
    }

}

This does produce decent-looking output: the ListGrid (and the Label above it) are now wide enough to read.

If anyone knows a better or "more correct" way of doing this, feel free to comment here. I suspect that the call SetWidth100() (which the JavaDoc says is a convenience method, setting the widget's width to be 100% of its parent/container) would be "more correct" here - but looking at the source code (from the Master Detail example in the Featured Samples of the SmartGWT 2.0 Showcase) I am unable figure out what (if anything) is the parent/ container of the ListGrid (and of the Label). Thanks.

By the way, in the source code shown above, you may notice that the following import is missing:

import com.smartgwt.sample.showcase.client.data.ItemSupplyXmlDS;

This is because I placed the source for class ItemSupplyXmlDS.java (and the two classes it in turns depends on: ItemData.java and ItemRecord.java) in the same package (org.yournamehere.client) as the main source file MainEntryPoint.java.

Since (if I recall correctly) the default visibility in Java is "package visibility", these other classes are visible from the source file MainEntryPoint.java.

This might not be elegant, but it avoids some error messages I was getting about "inherited modules" - another very confusing topic for a newbie like me.

**Isomorphic** · 24 Feb 2010, 09:32

You really really need to read the FAQ. It has setup guides, and would also tell you to use the Developer Console, where the Watch Tab would show you that the parent is the VLayout (also easily determined from the documentation) and that it's size is dictating the size of the other components.

**stefanscottalexx** · 24 Feb 2010, 11:49

OK, thanks

Originally posted by Isomorphic

You really really need to read the FAQ. It has setup guides, and would also tell you to use the Developer Console, where the Watch Tab would show you that the parent is the VLayout (also easily determined from the documentation) and that it's size is dictating the size of the other components.

OK, thank you!

I thought the VLayout was probably the parent but I wasn't sure.

+++

Reading the FAQ now. A *lot* of good stuff in there.

-- The Developer Console and Visual Builder sound absolutely amazing. So because JavaScript is interpreted, I guess there is major value to installing the Developer Console, as I can see live properties about the objects in the DOM. This is a very exciting prospect.

-- The Visual Builder letting semi-technical users work in XML to "save screen designs in a declarative format" - ie declaratively specify UI (databound?) widgets ... wow!

+++

So... sorry I didn't finish reading the FAQ before - I think the NetBeans setup stuff linked from the FAQ was slightly outdated (it contained additional workarounds which apparently are no longer necessary for SmartGWT 2.0 + NetBeans 6.8: - stuff about setting the maxmemory jvmarg in a target which apparently no longer exists, and stuff about changing the gwt output directory) so I probably got distracted from the FAQ.

Would my initial post in this thread [steps 1 through 6, *except* 6(b)] also serve as a more up-to-date how-to - for installing SmartGWT 2.0 in NetBeans 6.8 and creating and building a simple project?

Announcement

Showcase Featured Sample "Master Detail": rebuilding in NetBeans: ListGrid too narrow

Comment

Comment

Comment

Comment

Comment

Comment

Comment