Question

In SectionStackSection, How can you change the position of the controls used in setControls(Canvas ...)

Currently, it is always on Right, how can you set it to Left or Center?

Answer 1

The only way this will work is to handle correctly the draw and the resize. So here is my working solution:

private void generateDetailsListGridHeader() {
    createControls();
    section = new SectionStackSection();
    section.setCanCollapse(false);
    section.setExpanded(true);
    section.setControls(controls);
    section.setItems(detailsListGrid);

    sectionStack = new SectionStack();
    sectionStack.setSections(section);
    sectionStack.addResizedHandler(new ResizedHandler() {

        @Override
        public void onResized(ResizedEvent event) {
            htmlFlow.setWidth(sectionStack.getWidth() >> 1);
            controls.setWidth(sectionStack.getWidth() - 10);
        }
    });
    sectionStack.addDrawHandler(new DrawHandler() {

        @Override
        public void onDraw(DrawEvent event) {
            htmlFlow.setWidth(sectionStack.getWidth() >> 1);
            controls.setWidth(sectionStack.getWidth() - 10);
        }
    });
}

private void createControls() {
    String title = "<table> <tr> <td style=\"vertical-align:middle; color:blue; font-size:15px\"> <b>Please double click a class from the left to display its instances</b> </td> </tr> </table>";
    controls = new HLayout(10);
    htmlFlow = new HTMLFlow(title);
    htmlFlow.setOverflow(Overflow.AUTO);
    DynamicForm form = new DynamicForm();
    TextItem versionSearchItem = new TextItem("version", "Version");
    form.setItems(versionSearchItem);
    controls.addMember(htmlFlow);
    controls.addMember(form);
}

By changing the width inside the onResized and onDraw, you can put every single control wherever you want!