🐛 Problems creating rows and columns in the superset. about superset HOT 2 OPEN

Hello @LucasSantosGuedes! I'm here to help you with your Superset issue. I'm a bot designed to assist with bug solving, answering questions, and guiding contributors. Let's tackle this together!

To create rows and columns in Apache Superset without encountering layout issues when adding elements and their divisions, you can follow these key practices:

1. Use Flexbox for Layout: Utilize the GridContent and GridRow components, which use flexbox to manage the layout of rows and columns. This ensures proper alignment and spacing of elements.

2. Handle Component Drop Properly: Implement the handleComponentDrop function correctly to manage the addition of new components without breaking the layout.

3. Use Droppable Areas: Define areas where new components can be dropped using the Droppable component. This helps maintain the layout structure.

4. Use Resizable Containers: Ensure elements can be resized without breaking the layout by using the ResizableContainer component.

5. Implement Row and Column Components Properly: Handle the layout of children in Row and Column components, including managing empty states and drop targets.

Here are some code snippets to illustrate these practices:

const GridContent = styled.div`
  display: flex;
  flex-direction: column;
  /* Additional styles */
`;

const GridRow = styled.div`
  display: flex;
  flex-direction: row;
  /* Additional styles */
`;

handleTopDropTargetDrop(dropResult) {
  if (dropResult) {
    this.props.handleComponentDrop({
      ...dropResult,
      destination: {
        ...dropResult.destination,
        index: 0,
      },
    });
  }
}

By following these practices, you can create stable rows and columns in Apache Superset without encountering layout issues ^[1][2][3][4].

To continue the conversation, mention @dosu.

from superset.

Do you mean in the dashboard editor, like you're not able to drag and drop the layout elements for rows or columns?

from superset.