How to render data apps full width

[kowisoft]

Dear KNIMErs,

I have an interesting “challenge”

I have created a data app using a component and deployed it on the KNIME Business Hub. However, KNIME seems to - by default - always render in a kind of centralized layout, see screenshot

I am not sure if I can adjust this using the ‘Advanced Composite Layout’ in the Layout Editor. Currently, this is the ‘code’ inside there:

{
“parentLayoutLegacyMode” : false,
“rows” : [ {
“type” : “row”,
“columns” : [ {
“content” : [ {
“type” : “view”,
“resizeTolerance” : 5,
“autoResize” : false,
“scrolling” : false,
“sizeHeight” : true,
“resizeMethod” : “aspectRatio4by3”,
“sizeWidth” : false,
“useLegacyMode” : false,
“nodeID” : “3”
} ],
“widthXS” : 12
} ]
} ]
}

Is there a way to make e. g. such a table render full width?

[MartinDDDD]

Hi Philipp,

I played around a bit and came to the conclusion that there seems to be a width limit enforced of about 1600px for the orange container shown in the screenshot below and the blue container then is a part of that ~1450px…

I gave the table below a max width of 3440px and it displays correctly when the component view is opened in KAP - however in Hub (I used Team Plan to run below data app) that doesn’t work - I believe likely due to the “global” restriction of max width 1600px

This seems to be confirmed by an older post by @DanielBog

How to create optimized views

Hey Tilo, thanks for sharing the screenshots and I agree that in your case a wider max width would be necessary. As pointed earlier this is already possible if you put --grid-max-width: 1600px; in the WebPortal theme.css and replace the 1600px with some larger number. But keep in mind these two remarks regarding this approach: it will change it for all WebPortal pages it is not an officially supported variable and might change in the future I created a ticket to solve this properly (internal…

There seems to be a setting in Webportal theme.css to change this, but it looks like as a “user” you are at the mercy of max width of ~1450px unless someone changes this global setting in the .css (which then applies to all apps deployed on the hub)

[kowisoft]

thanks for testing this out Marin, I really appreciate that. Probably because of the underlying framework that KNIME Business Hub is using for rendering web apps / data apps.

Good to know.

[mwiegand]

Note - Adjusted which post was marked as the solution.