Yoha - Angular Admin & Dashboard Template

Note:-

Please refer Faq's page in documentation itself for queries of customization like colors,rtl ,dark,transparent styles,etc..

Layouts

How to convert vertical-menu layout to horizontal-menu layout?

Source Folder Structure

src/
├── app/
|   ├── authentication
|   ├── components
|   ├── pages
|   ├── shared
|   ├── app-routing.module.ts
|   ├── app.component.html
|   ├── app.component.scss
|   ├── app.component.spec.ts
|   ├── app.component.ts
|   └── app.module.ts

Steps to convert vertical-menu to horizontal-menu

By default, You'll be getting vertical menu. If you want to convert into horizontal-menu then follow the below steps.

You can find horizontalFn() function in swithcer.ts file in path: src/app/shared/components/switcher/swither.ts file You can use that function to activate horizontal menu By calling it in ngOnInit() or constructor.
You can find horizontalHoverFn() function in swithcer.ts file in path: src/app/shared/components/switcher/swither.ts file You can use that function to activate horizontal Hover menu By calling it in ngOnInit() or constructor.
There are some classes that might be different for both horizontal and vertical which are been changed the functions mentioned above.

Steps to convert default-menu to boxed-menu

By default, You'll be getting default menu. If you want to convert into Boxed-menu then follow the below steps.

Step 1: Go to the src folder of your project, there you'll find index.html file open (src » index.html)

 <body class="" >

Step 2: Now add className layout-boxed.

 <body class="layout-boxed" >

Step 3: Here layout-boxed class name contains a boxed menu.
Step 4: Now you have successfully activated boxed menu.
Step 5: You need to repeat the same process to activate the default menu.

Steps to convert Fixed layout to scrollable layout

By default, You'll be getting default menu. If you want to convert into scrollable layout then follow the below steps.

Step 1: Go to the src folder of your project, there you'll find index.html file open (src » index.html)

 <body class="" >

Step 2: Now add className scrollable-layout.

 <body class="scrollable-layout" >

Step 3: Here scrollable-layout class name contains a scrollable-layout.
Step 4: Now you have successfully activated scrollable-layout.
Step 5: You need to repeat the same process to activate the Fixed layout menu.

Important License Terms

You cannot charge from your end product end users with a Regular License.
If you want to collect payments from end product end users then you must buy an Extended License for each of the end product.
You must buy one license for one domain only.(i.e Either Regular or Extended)
You cannot use Multi Domain,Multi Client, Multiple end Products with any of the licenses (i.e Either Regular or Extended).

for more details please click the link