babylon-2.0.1 source project not templating

DhannyaP
Posts: 10
Joined: 14 Jan 2019, 12:44

14 Jan 2019, 12:52

Hi,
I tried running the babylon-2.0.1 source project, but the layout is not coming. Has anyone else got such an issue. Any solutions?

User avatar
aragorn
Posts: 3584
Joined: 29 Jun 2013, 12:38

15 Jan 2019, 10:25

Do you get an error on console? Also, you need to provide css files using SASS command;

Code: Select all

sass --update src/main/webapp/resources --sourcemap=none
Documentation; https://www.primefaces.org/babylon/documentation.xhtml

DhannyaP
Posts: 10
Joined: 14 Jan 2019, 12:44

15 Jan 2019, 14:04

but i am not able to manually convert all the scss files to css. It is giving me error



C:\Users\Dev-003>sass sass/_theme_variables.scss saaa/_theme_variable.css
Error: Undefined variable.
$linkColor:$primaryColor;
^^^^^^^^^^^^^
sass\_theme_variables.scss 9:12 root stylesheet


similarly for the other scss. what could be the problem?

DhannyaP
Posts: 10
Joined: 14 Jan 2019, 12:44

15 Jan 2019, 14:32

Do I have to explicitly set these values inside my _variables.scss files.

I have actually paid for the babylon theme and then have to do these configurations manually...

Anyway is this the way to approach this problem? Someone pls help

User avatar
aragorn
Posts: 3584
Joined: 29 Jun 2013, 12:38

15 Jan 2019, 14:39

Could you please attach your custom theme.scss file? You need to add $primaryColor and other variables into your theme.scss file. Please examine our theme.scss files.

User avatar
aragorn
Posts: 3584
Joined: 29 Jun 2013, 12:38

15 Jan 2019, 14:41

Also, please add the following imports into your theme.scss file;

Code: Select all

...
@import '../sass/_theme_variables';
@import '../sass/overrides/_theme_variables';
@import '../sass/theme/_core';
Please examine our theme.scss files.

DhannyaP
Posts: 10
Joined: 14 Jan 2019, 12:44

15 Jan 2019, 14:48

now if i have to integrate this theme to my current primefaces project, what is the correct approach?

This is what i am doing :

# add the babylon.jar to WEB-INF/lib
#set theme in my application.properties file :
server.context_parameters.primefaces.FONT_AWESOME=true
server.context_parameters.primefaces.THEME=babylon-blue-accent
#Copy babylon-layout and sass folders to my resources folder
#Copy footer.xhtml, menu.xhtml,groupedMenu.xhtml, ungroupedMenu.xhtml,top-bar.xhtml and tem[late.xhtnl to my WEB-INF folder
#Use this template like
<ui:composition template="/WEB-INF/template.xhtml">

thats it right? Am i missing something... The layout is rendering partially . I cannot access the fa fa-bars and the other icons..

Can someone pls help?


DhannyaP
Posts: 10
Joined: 14 Jan 2019, 12:44

15 Jan 2019, 15:34

Thank You for ur help.

This is my screenShot


Any help?

User avatar
aragorn
Posts: 3584
Joined: 29 Jun 2013, 12:38

15 Jan 2019, 15:51

Could you please re-attach your screenshot?

Post Reply

Return to “Babylon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests