Page Styling

Hi Radzen,

Wanted to know how can I do custom styling on html pages using css, my goal is to show a full background image on login page. As every time running the project regenerate HTML page, I cannot apply any div or css to html page. what should be the good way to do this?

Thanks

Hi,

You can target Page/Html elements using CSS selectors in the client/Styles.css. For example with Login background-image:

login-layout > rz-body > div {
    background-image: url("https://www.radzen.com/assets/background-a6e7a3a5fcabf082e722e08ea66bf144ee3a73b03935a23b375b7059c84cb1d4.jpg");
    position: absolute;
    height: 100%;
    width: 100%;
}

Best Regards,
Vladimir

1 Like