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?
babylon-2.0.1 source project not templating
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Do you get an error on console? Also, you need to provide css files using SASS command;
Documentation; https://www.primefaces.org/babylon/documentation.xhtml
Code: Select all
sass --update src/main/webapp/resources --sourcemap=none
Github Profile: https://github.com/mertsincan
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?
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?
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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.
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Also, please add the following imports into your theme.scss file;
Please examine our theme.scss files.
Code: Select all
...
@import '../sass/_theme_variables';
@import '../sass/overrides/_theme_variables';
@import '../sass/theme/_core';
Github Profile: https://github.com/mertsincan
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?
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?
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
These links can help to you to integrate the theme and layout into your project;
https://www.dropbox.com/s/gat9a4ym373mi ... t.mp4?dl=0
https://www.dropbox.com/s/2p74g63wldbov ... t.mp4?dl=0
https://www.dropbox.com/s/s9cle2xqbwbu8 ... t.mp4?dl=0
https://www.dropbox.com/s/gat9a4ym373mi ... t.mp4?dl=0
https://www.dropbox.com/s/2p74g63wldbov ... t.mp4?dl=0
https://www.dropbox.com/s/s9cle2xqbwbu8 ... t.mp4?dl=0
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Could you please re-attach your screenshot?
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest