Getting rid of header

This is merely an aesthetic thing, but can I get rid of this white header space,

image

Hi,

You can hide headline container by adding the following styles:

.c-headline-container {
    display: none;
}

But you will lose the ability to close the window since the close button is located there, so you’ll need to provide a custom way to close windows.

Regards,
Gleb

thank you, the code is clear, but to what element do I add the style?

I am not clear as to where should I add this code. Should I make a new file, or is there a specific part of a widget that I should target?

Take a look at the Extending theme page in the manual

Sorry for being unclear. You need to extend a theme and add provided styles there. Since you use the Helium theme that is provides by the add-on, you need to extend it manually, because CUBA Studio can extend only built-in themes. This project contains extended Helium theme and can be used as an example: GitHub - cuba-labs/helium-extension-demo.

Regards,
Gleb

thank you for your constant support. But I really am having trouble with extending the theme, I opened your project and copied the files in the correct path.

here’s the path:
image_2020_06_02T20_55_06_740Z

here is the theme showing up properly (I think)
image_2020_06_02T20_55_24_078Z

image_2020_06_02T20_55_57_200Z

and here is the @include code
image_2020_06_02T20_57_00_717Z

is there a more demonstrative example, or reference to see what I am missing.

In addition to adding the Theme files, the build.gradle file must contain tasks to compile themes. You can refer to this commit as the Helium README file suggests.

Alternatively, you can extend any built-in theme using CUBA Studio and replace theme files with Helium.

Regards,
Gleb

1 Like

thank you for all your effort, that solved the issue!