2

I implemented floating button with this thread : How to achieve Floating Action Button in Codenameone? but I have an layout issue. THe content doesn want to fill the screen. Here the screenshot : enter image description here

Here how I created the content :

final Container paneContainer = new Container(new LayeredLayout());

private Container getBottomContainer(Form parent) {
                newsfeedContainer.setLayout(new BoxLayout(BoxLayout.Y_AXIS));
                newsfeedContainer.setScrollableY(true);
                loadData();
                newsfeedContainer.addPullToRefresh(new Runnable() {
                    public void run() {
                        loadData();
                    }
                });
                //newsfeedContainer.add(new Button("Button")).add(new Button("Button")).add(new Button("Button")).add(new Button("Button")).add(new Button("Button"));
                return newsfeedContainer;
            }

    private Container getUpperContainer(Form par) {
            FlowLayout flow = new FlowLayout(Component.RIGHT);
            flow.setValign(Component.BOTTOM);
            Container conUpper = new Container(flow);
            Button plus = new Button();
            FontImage.setMaterialIcon(plus, FontImage.MATERIAL_ADD, 5);
            plus.addActionListener((ActionEvent evt) -> {
                Form f = new PostComment().commentForm(parent);
                f.getToolbar().setBackCommand(parent.getTitle(), BACK_POLICY, e -> parent.showBack());
                f.show();
            });
            conUpper.addComponent(plus);
            conUpper.setScrollableX(false);
            conUpper.setScrollableY(false);
            return conUpper;
        }

    public Container getContainer(Form parent) {
            this.parent = parent;
            paneContainer.setScrollableY(false);
            paneContainer.addComponent(BorderLayout.center(getBottomContainer(parent)));
            paneContainer.addComponent(BorderLayout.south(getUpperContainer(parent)));
            return paneContainer;
        }

How to make the container fill the screen and make the 'plus' button in the bottom right properly?

squallbayu
  • 208
  • 2
  • 10

1 Answers1

2

Make your Form BorderLayout and place the paneContainer in the center

Chen
  • 3,760
  • 1
  • 17
  • 21