How to customize layout

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
loengkhuoch
Posts: 4
Joined: 16 Jul 2018, 11:50

04 Sep 2018, 03:41

Dear sir or madam,

I have problem with customize layout, could you give me some information, please.

Thanks

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

05 Sep 2018, 12:32

How do you want to customize layout? Could you give me an example or say me your problem?

loengkhuoch
Posts: 4
Joined: 16 Jul 2018, 11:50

06 Sep 2018, 03:49

merve7 wrote:
05 Sep 2018, 12:32
How do you want to customize layout? Could you give me an example or say me your problem?
I see in the California theme, there are many themes, like blue, green, grey, etc.
I want to resize the height "breadcrumb", I need to go "assets->layout->css->theme name.css (blue). It works well, but when switch to grey theme, the "breadcrumb" will come to original layout.
what is the method to change only one layout, and it change all theme in California.

Thanks,

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

10 Sep 2018, 09:01

You don't need to change the codes in the themename.css files. You need to change in "assets->sass->layout->*.scss " files or override in your_style.scss file or styles.css for your want to changes. For example to resize the height "breadcrumb";
1. change min-height in assets->sass->layout->_content.scss

Code: Select all

.layout-wrapper {
    .layout-main {
        @include transition(margin-left $transitionDuration);
        .route-bar {
            @include clearfix();
            @include border-box();
            min-height: 31px;  //you can change this number
            //other code
And build your changes with sass -w src/assets --sourcemap=none

2. add your stylesheet like the below code (src/styles.css)

Code: Select all

.layout-wrapper .layout-main .route-bar {
    min-height: 60px;
}
We recommend you the second solution because if layout files change in a release, your changes in the first solution is removed.

Post Reply

Return to “California - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests