How to customize layout

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: 459
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: 459
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.

trumpP
Posts: 20
Joined: 11 Aug 2018, 11:20
Contact:

11 Sep 2018, 12:16

Select the slide that you want to change the layout for.

Select Home > Layout.

Select the layout that you want.

The layouts contain placeholders for text, videos, pictures, charts, shapes, clip art, a background, and more. The layouts also contain the formatting for those objects, like theme colors, fonts, and effects,.

Note: Select Home > Reset if you made layout changes you don't like, and want to revert to the original layout. Using Reset doesn't delete any content you've added.

Post Reply

Return to “California - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest