How to change layout the components in the theme?
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: 8
- Joined: 20 Dec 2018, 16:21
I need to modify the layout the component right-sidebar. I have a question about compile scss, because used command available in the documentation is not working.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Which sass version are you using? Also, do you get an error?
Code: Select all
sass -v
Github Profile: https://github.com/mertsincan
-
- Posts: 8
- Joined: 20 Dec 2018, 16:21
I'm using Ruby Sass 3.7.2.aragorn wrote: ↑08 Jan 2019, 11:14Which sass version are you using? Also, do you get an error?
Code: Select all
sass -v
I do not receive an error, but when I started the application, the change was not performed. I have a question, is which scss files to modify? Is there a complete layout documentation different from the one displayed on the site? It tells you how to make the changes and how to use the specific components of the layout.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Our documentation; http://primefaces.org/california/docs.xhtml
To customize, you can change _variable.scss or _*.scss files by yourself. Then, you need to provide new css file using SASS command. Similar to https://www.youtube.com/watch?time_cont ... uP3xkE8mvI
To customize, you can change _variable.scss or _*.scss files by yourself. Then, you need to provide new css file using SASS command. Similar to https://www.youtube.com/watch?time_cont ... uP3xkE8mvI
Github Profile: https://github.com/mertsincan
-
- Posts: 8
- Joined: 20 Dec 2018, 16:21
I make modifications to the _theme_styles.scss file and compile with sass, but in the application the changes do not appear. Can you explain why?aragorn wrote: ↑11 Jan 2019, 13:53Our documentation; http://primefaces.org/california/docs.xhtml
To customize, you can change _variable.scss or _*.scss files by yourself. Then, you need to provide new css file using SASS command. Similar to https://www.youtube.com/watch?time_cont ... uP3xkE8mvI
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Could you please attach your codes in _theme_styles.scss?
Github Profile: https://github.com/mertsincan
-
- Posts: 8
- Joined: 20 Dec 2018, 16:21
Code: Select all
/* Add your customizations of theme here */
.panelPadding {
padding: 0;
}
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
This is not a strong css. I think this is overridden by the css style in theme. Which component are you using? Also, could you please try;
Code: Select all
.panelPadding {
padding: 0 !important;
}
Github Profile: https://github.com/mertsincan
-
- Posts: 8
- Joined: 20 Dec 2018, 16:21
I use the components:aragorn wrote: ↑30 Jan 2019, 13:34This is not a strong css. I think this is overridden by the css style in theme. Which component are you using? Also, could you please try;Code: Select all
.panelPadding { padding: 0 !important; }
Code: Select all
<p:panel></p:panel>
<p:panelGrid></p:panelGrid>
<p:layoutUnit></p:layoutUnit>
<p:toolbar></p:toolbar>
<p:toolbarGroup></p:toolbarGroup>
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Good catch! Thanks a lot
Please make the following change;
in _theme.scss
Fixed for next version. Thanks again
Best Regards,
Please make the following change;
in _theme.scss
Code: Select all
...
@import '../_theme_styles.scss'; /* instead of '../_layout_styles.scss'; */
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 12 guests