Drag and Drop Trello Clone

Hi @mark.breuss - if I wanted to play with the layout of the grid, where’s the best place for me to learn how to configure the column positions?

In my case I’d like to have Column 1 permanently visible on the left, and I seed the database with 9 other columns - but this gets quite wide and seeing the column headers is hard. So I’d like to have Column 1 occupy ~30% of the view width, then use the 70% of the view on the right to have rows of columns (like a repeating panel) perhaps 2 columns wide.

I took a look at the Muuri site, but it looks to me that you’ve set the view using Python on the client side:

 def build_grid(self):
    """Rebuilds the complete grid after setting the items property"""
    #Destroy old grid
    self.item_id_items = {}
    for g in self.grids:
      g.destroy(True);
    self.grids = []

    self.grid_panel.clear()

    #create grid
    for col_idx,list_of_items in enumerate(self._items):
      x_value = (self.column_width+self.column_spacing)*col_idx
      width_value = self.column_width
      y_value = 0
      #Header
      if self.header_components:
        self.grid_panel.add_component(self.header_components[col_idx],width=width_value,x=x_value,y=y_value)
        y_value = self.header_height
      
      #Column Body & Footer   
      grid_column = column(self) #form component
      grid_column.background = self.column_background_color
      h = str(self.height-95) + 'px'
      ninja_style.style(grid_column, {'min-height': h, 'max-height': h})
      self.grid_panel.add_component(grid_column,width=width_value,x=x_value,y=y_value)
      muuri_col = self.create_col(grid_column,list_of_items)
      self.grids.append(muuri_col)
      
      footer_comp = None
      if self.footer_components:
        footer_comp = self.footer_components[col_idx]
        footer_comp.role = 'drag-grid-footer'
        self.grid_panel.add_component(footer_comp, width=width_value,x=x_value,y=self.height - 50)
      

Is there anywhere I can read up on how you’ve done this, so I can tweak the look and feel of my grid?