Am trialling if using CSS improves the layout of my app. So far I’d say definitely yes, and have been able to expand the content to full width which is great as I have data tables that am trying to use, but wondering how to wrap content that is multiple lines in length
Please see take a look at this attachment:
And to make the top menu full width, is that possible as I have multiple items on a submenu:
If the component is a data grid, then CSS cannot change it; unless your component is a table, then use the following code:
#page-root .tableClass tr > td:nth-child(3) > div > span {
max-height: 5rem;
overflow-y: auto;
white-space: wrap;
}
Regarding the navigation menu, Glide allows a maximum of 6 visible tabs, and any additional tabs are grouped into a ‘more’ fly-out menu. While CSS can make the navigation bar full width, but it cannot pull the tabs from the ‘more’ menu into the main navigation.
Ah ok, thanks for the info and code…