Layout/Widget issues

[spievak]

Hi,

I´m trying to use a custom IFrame widget inside a HLayout Container, and this is set to have the split bar handle for resizing it. But as this IFrame is a GWT widget the container can not make it fill the available area. Another issue is related to the +/- images that can only be removed setting them to be invisible or making the StackSectionStack not collapsable, but when doing this I can not change the stack sections anymore.
The Firefox browser (3.5.3) is showing some issue when I try to move the split bar handle over the iframe, seems that the iframe received the event instead of the main window. And at the very first draw on FF (3.5.3) is making the IFrame larger than the available area.
This is the code that I´m using.

package com.agilemind.bugTest.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.Frame;
import com.smartgwt.client.widgets.HTMLFlow;
import com.smartgwt.client.widgets.WidgetCanvas;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.SectionStack;
import com.smartgwt.client.widgets.layout.SectionStackSection;
import com.smartgwt.client.widgets.layout.VLayout;

public class Bug_Test implements EntryPoint {
	
	public void onModuleLoad() {
		
		VLayout main = new VLayout();
		main.setWidth100();
		main.setHeight100();
		
		HLayout splitPane = new HLayout();
		splitPane.setWidth100();
		splitPane.setHeight100();
		splitPane.setResizeBarTarget("next");
		
		SectionStack stack = new SectionStack();
		stack.setHeight100();
		stack.setWidth(185);
		stack.setShowResizeBar(true);
		
		SectionStackSection firstSection = new SectionStackSection("First Section");
		HTMLFlow flow = new HTMLFlow("First Section Content");
		flow.setHeight100();
		flow.setWidth100();
		firstSection.addItem(flow);
		firstSection.setCanCollapse(false);
		stack.addSection(firstSection);
		
		SectionStackSection secondSection = new SectionStackSection("Second Section");
		flow = new HTMLFlow("Second Section Content");
		flow.setHeight100();
		flow.setWidth100();
		secondSection.addItem(flow);
		secondSection.setCanCollapse(false);
		stack.addSection(secondSection);
		
		SectionStackSection thirdSection = new SectionStackSection("Third Section");
		flow = new HTMLFlow("Third Section Content");
		flow.setHeight100();
		flow.setWidth100();
		thirdSection.addItem(flow);
		thirdSection.setCanCollapse(false);
		stack.addSection(thirdSection);
		
		Frame contentFrame = new Frame();
		contentFrame.setWidth("100%");
		contentFrame.setHeight("100%");
		contentFrame.setUrl("http://www.google.com");
		
		WidgetCanvas contentFrameCanvas = new WidgetCanvas(contentFrame);
		contentFrameCanvas.setBorder("1px solid blue");
		contentFrameCanvas.setWidth100();
		contentFrameCanvas.setHeight100();
		
		splitPane.setMembers(stack, contentFrameCanvas);
		
		main.addMember(splitPane);
		main.draw();
		
	}
	
}

Thanks,

Rodrigo S. Cavalcanti

[sjivan]

Have you tried using the IFrame of SmartGWT (HTMLPane)? SmartGWT widgets are aware of and can participate in SmartGWT layout management.

Having Sections without the +/- icons are not yet supported. You cannot call firstSection.setCanCollapse(false); and still have the sections collapse.

    public void onModuleLoad() {
        VLayout main = new VLayout();
        main.setWidth100();
        main.setHeight100();

        HLayout splitPane = new HLayout();
        splitPane.setWidth100();
        splitPane.setHeight100();
        splitPane.setResizeBarTarget("next");

        SectionStack stack = new SectionStack();
        stack.setHeight100();
        stack.setWidth(185);
        stack.setShowResizeBar(true);

        SectionStackSection firstSection = new SectionStackSection("First Section");
        HTMLFlow flow = new HTMLFlow("First Section Content");
        flow.setHeight100();
        flow.setWidth100();
        firstSection.addItem(flow);
        //firstSection.setCanCollapse(false);
        stack.addSection(firstSection);
        firstSection.setControls();

        SectionStackSection secondSection = new SectionStackSection("Second Section");
        flow = new HTMLFlow("Second Section Content");
        flow.setHeight100();
        flow.setWidth100();
        secondSection.addItem(flow);
        //secondSection.setCanCollapse(false);
        stack.addSection(secondSection);

        SectionStackSection thirdSection = new SectionStackSection("Third Section");
        flow = new HTMLFlow("Third Section Content");
        flow.setHeight100();
        flow.setWidth100();
        thirdSection.addItem(flow);
        //thirdSection.setCanCollapse(false);
        stack.addSection(thirdSection);

        HTMLPane contentFrameCanvas = new HTMLPane();
        contentFrameCanvas.setBorder("1px solid blue");
        contentFrameCanvas.setWidth100();
        contentFrameCanvas.setHeight100();
        contentFrameCanvas.setContentsURL("http://www.google.com/");
        contentFrameCanvas.setContentsType(ContentsType.PAGE);


        splitPane.setMembers(stack, contentFrameCanvas);

        main.addMember(splitPane);
        main.draw();

    }

Sanjiv