Any way to get 1 long column with rows adjacent to it?

[JGroenestein]

Hi All,

Was wondering if there was anyway to have rows nested beside a long column.

Ideally I would like the calendar to sit in the top right of the dashboard on all tabs and have everything else adjust to it.

Any help would be great thank you 🙏🙏🙏

[glime-ai[bot]]

Based on the information provided in the context, it seems you are looking to customize the layout of the Homepage dashboard to have a calendar widget consistently displayed in the top right corner across all tabs, with other content adjusting around it.

The Homepage dashboard is highly customizable through YAML configuration files, as indicated in the provided documentation. However, the specific layout customization you're asking for—having rows nested beside a long column—is not directly documented in the provided sources.

To achieve a nested layout with a calendar in a fixed position, you might need to use a combination of the layout settings and custom CSS. The layout settings allow you to define sections as rows or columns with a specified number of columns, but for more complex layouts, custom CSS would likely be necessary.

Here's a general approach you could take:

1. Define your calendar widget in the widgets.yaml file with the desired properties.
2. In the settings.yaml file, configure the layout to create a space for the calendar widget. You might need to create a custom section for the calendar and use CSS to position it in the top right corner.
3. Use custom CSS to style the layout and position the calendar widget as desired. This might involve creating a grid layout or using flexbox properties to align items correctly.

Unfortunately, without direct support for nested rows beside a long column in the documentation, I cannot provide a precise YAML configuration or CSS code to achieve this. You may need to experiment with the layout and styles or seek assistance from the community or support forums for the Homepage dashboard.

If you're not familiar with CSS or YAML configuration, you might consider reaching out to the Homepage community for specific guidance or examples of similar customizations.

Remember that any custom CSS you add would need to be maintained separately and could be affected by updates to the Homepage dashboard.

---

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 above 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.

[github-actions[bot]]

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

[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.