Rare
  • Introduction
  • HTML
    • Introduction
    • Html Structure
      • Header
      • Left Side Menu
      • Main Content
    • Main Content
      • Buttons
      • Fonts
      • Lock Screens
      • Maps
      • Modals
      • Plugins Used
      • Progress Bars
    • Css Files
    • Java Script Used
    • Scss
    • Fonts Used
    • Images used
    • Starts New page
      • Centered Logo
      • Compact Menu
      • Default
      • Horizontal
      • Light Side Bar
      • Mmenu
  • Rare Builder
    • Layouts
      • Default
      • Centered Logo
      • Compact Menu
      • Fixed Menu
      • Fixed Header
      • Horizontal
      • Icon Horizontal
      • Dark
      • Full Width
      • Header Style
      • Fixed Footer
      • Mmenu
      • Light Sidebar
    • Macros
      • Layouts
      • Breadcrumb
    • Partials
      • Headers
        • Header
        • Centered Logo Header
      • Heads
        • Head
      • Breadcrumbs
        • Breadcrumb 1
        • Breadcrumb 2
        • Breadcrumb 3
        • Breadcrumb 4
        • Breadcrumb 5
        • Breadcrumb Default
      • Ends
        • End
      • Menus
        • Default
        • Horizontal
        • Icon Horizontal
        • Compact
        • Mmenu
      • Footer
        • Footer
        • Fixed Footer
      • Messages
      • Notifications
      • User Profile
    • Add Builder
    • Commands
    • New Page
  • FAQ
    • Change Left Menu Content
    • Setting Layout As Default
    • Change Breadcrumb
    • Change Colors In scss
Powered by GitBook
On this page

Was this helpful?

  1. FAQ

Setting Layout As Default

When you run the command gulp, you will get the view in default layout style set earlier. If you would like other layouts, each time you need to run the command like gulp nunjucks --layout name

To simplify the above work, replace a part of the code of layout.html (available in path src/templates/macros/layout.html)

as follows.

Existing code in layout.html

{% macro layout_type(layout) %}

{% if layout=="default" %}
    {% extends "default.html" %}

{% elif layout=="fixed-footer" %}
    {% extends "fixed-footer.html" %}

<!--our code-->

    {% else %}
    {% extends "default.html" %}

{% endif %}
{% endmacro %}

{{ layout_type(layout) }}

Replacing code:

In the above code replace the code

{% else %}
{% extends "default.html" %}

with

{% else %}
 {% extends "horizontal-layout.html" %}

When the above code is replaced, it is not necessary to run like gulp nunjucks --layout name each time. Just simply run gulp.

That is all what you need to do.

PreviousChange Left Menu ContentNextChange Breadcrumb

Last updated 5 years ago

Was this helpful?