How to Display 2 Topics side by side

[defekT1312]

Description

How can I set up the next Column "ADBlocking" that it appears right next to Media instead beneath it. Like in the Screenshot

homepage version

dev (dev, Feb 6, 2024)

Installation method

Source

Configuration

This is my settings:

`layout:
  Administration:
    style: row
    columns: 2

  Media:
    style: row
    columns: 4

  AdBlocking:
    style: row
    columns: 4`

Container Logs

No response

Browser Logs

No response

Troubleshooting

[glime-ai[bot]]

Based on the information provided, it seems you want to adjust the layout of your Homepage dashboard to have the "ADBlocking" section appear next to the "Media" section, rather than below it. The layout configuration you've provided suggests that both "Media" and "ADBlocking" are set to display as rows with multiple columns.

To achieve the desired layout, you may need to adjust the number of columns or the style of the layout for these sections. However, the provided documentation does not explicitly describe a method for placing one row directly beside another, as rows typically stack vertically.

If the current version of Homepage supports more advanced layout configurations, such as grid or flexbox properties that can be set via YAML, you would use those to place sections side by side. Unfortunately, without such features being documented, the only other option would be to customize the CSS directly, which is not covered in the provided context.

If you are open to custom CSS solutions and the application supports it, you could potentially use CSS Grid or Flexbox to create a more complex layout that allows sections to be side by side. This would involve customizing the application beyond what is described in the YAML settings.

Since the provided context does not include a direct solution, I would recommend checking the latest documentation for any updates on layout configurations or reaching out to the Homepage community for support on custom CSS solutions.

If you have access to the latest documentation or community forums, it would be beneficial to search there for more advanced layout options or examples of similar configurations.

---

Thanks for posting a discussion about homepage here on GitHub. Homepage now uses a fancy new AI tool thanks to our friends at Glime, so the answer below is the AI bot's attempt to answer your question. If you feel it's sufficient you can mark the answer and close this post, otherwise feel free to leave it open of course!

Thanks for using Homepage! ❤️

This comment was generated by Glime.

[defekT1312]

I just figured it out myself. I'm leaving the Solution here, in case anyone else needs it:
You can achieve this by indenting the code differently:

layout:
  Administration:
    style: row
    columns: 2

Media:
    style: row
    columns: 4

AdBlocking:
    style: row
    columns: 4

This gave me exactly what I wanted.

[Maronato]

This isn't the solution though. All you did was remove Media and AdBlocking from layout. The Media and AdBlocking keys are now at the root level, ignored by Homepage.
If you delete them and leave only the Administration the result will be the same.

This isn't a solution because if you were to add another group below AdBlocking it would also appear in the same row as Media and Adblocking.

A correct solution would make a layout like the following possible, which currently isn't:

[github-actions[bot]]

This discussion has been automatically closed because it was marked as answered.

[shamoon]

It is absolutely possible to do this. Its true that the selected answer above is may accidentally yield what OP wanted in the sense that it effectively removes Media and Adblocking groups from the layout, but a very simple demonstration:

layout:
  Testing:
    style: row
  Media:
  Home Management & Info:
  Server Tools:
    style: row

[defekT1312]

Thank you, why did it took so long if it's so easy?

[shamoon]

You mean for me to reply? Because we get a bajillion discussions and cant respond to them all?

[defekT1312]

That's really bad service and the breakfast wasn't even that good as described :/ I'm leaving a bad rating on Google

[github-actions[bot]]

This discussion has been automatically locked since there has not been any recent activity after it was closed. Please open a new discussion for related concerns. See our contributing guidelines for more details.