Totara Talent Experience Platform Open Discussions

V.18 Customize Theme

 
Servando Pineda
V.18 Customize Theme
by Servando Pineda - Tuesday, 9 January 2024, 3:21 PM
Group PartnersGroup TXP Site Administrator

Hi, In Totara V18 we tried to create a custom landing page. On Totara v17 we didn't have any problems, just change HTML and CSS code and it works! But on V18 with the VUE framework the landing page does not apply the custom code...

Do you have any idea how to apply the CCS code?

Craig Eves
Re: V.18 Customize Theme
by Craig Eves (Totara Support) - Tuesday, 9 January 2024, 7:14 PM
Group Totara

Hi Servanda

There is some documentation on overriding styles here

Can you describe what you mean by custom code - what sort of code is this?

regards

Servando Pineda
Re: V.18 Customize Theme
by Servando Pineda - Wednesday, 10 January 2024, 9:17 AM
Group PartnersGroup TXP Site Administrator

In loggingpage we used to create a tag inside a div. See the example.

Now we will try with the code in this file: cod_totara/client/component/core_auth/src/pages/Login.vue

But it doesn't work

Is it the right file?

I just want to add a little bit of HTML code to the login page.

Craig Eves
Re: V.18 Customize Theme
by Craig Eves (Totara Support) - Wednesday, 10 January 2024, 1:59 PM
Group Totara

Hi Servando

Thanks for the further details - this looks like you may need to rebuild TUI as detailed inhttps://totara.atlassian.net/wiki/spaces/DEV/pages/121188213/The+build+process .

Can you try this to see if this resolves the problem?

regards


Servando Pineda
Re: V.18 Customize Theme
by Servando Pineda - Tuesday, 23 January 2024, 9:57 AM
Group PartnersGroup TXP Site Administrator

Hi Craig.

Just to thank you. All works, we update the vue.js files with the NPM.

See you soon.

Amanda Norman
Re: V.18 Customize Theme
by Amanda Norman - Tuesday, 13 February 2024, 12:33 PM
Group Partners

hi, is it possible to override this login.vue file to my own folder in client?
(core_auth/src/components/pages/login.vue)

i have client/theme_mytheme/global_styles in client to define buttons.. but if i want to add something in login.php, i have to add it in login.vue.. but how can i create a pathway in my client folders to override the default file?