update V.6, Date 03-November-2020  

--------------------------------------------------------------------------------------------------------
Version V.6
Updates :  UI Improved
1) Sidemenu Settings(CSS & SCSS) Updated 
2) Horizontal Menu Submenu Hover Styles Improved
3) Documentation Updated

Dashtic


Dashtic template has scss and gulp files if you want to modify this template you should update in scss files for example if you want to change gradient colour. Change the colour in .scss file that is in scss folder .after that in command prompt just run the command
that is mentioned in the documentation folder (before that make sure that gulp is installed in your system then only it will update in style.css otherwise it shows an error) 
By using gulp commands the changes have done in scss file will automatically  updated in style.css
there is no need to update in style.css

if you are not using scss then you can directly update in style.css, not in scss

/******************************************************************
1) Sidemenu Seetings(CSS & SCSS) Updated 
*******************************************************************/

/***** 1.1 Update The sidemenu.scss and sidemenu.css in LTR ******/
-----------------------------------------------------

Scss:::

Step1::: Open sidemenu.scss  ----> root-path(assets/css/sidemenu.scss).
  
Step2::: Replace the previous sidemenu.scs files With Updated sidemenu.scss File.

----Or---

If You are Not Using Scss You need to Change in Css File 

Css:::

Step1::: Open sidemenu.css  ----> root-path(assets/css/sidemenu.css).
  
Step2::: Replace the previous sidemenu.css file With Updated sidemenu.css File.



/***** 1.2 Update The sidemenu.scss and sidemenu.css in RTL ******/
-----------------------------------------------------

Scss:::

Step1::: Open sidemenu.scss  ----> root-path(assets/css-rtl/sidemenu.scss).
  
Step2::: Replace the previous sidemenu.scs files With Updated sidemenu.scss File.

----Or---

If You are Not Using Scss You need to Change in Css File 

Css:::

Step1::: Open sidemenu.css  ----> root-path(assets/css-rtl/sidemenu.css).
  
Step2::: Replace the previous sidemenu.css file With Updated sidemenu.css File.



/***** 1.3 Delete the files sidemenu-color.scss & sidemenu-dark.scss in LTR & RTL ******/
-----------------------------------------------------
Step1::: Open "assets/css/" and "assets/css-rtl/" folders and Delete These files "sidemenu-color.scss , sidemenu-dark.scss ,sidemenu-color.css & sidemenu-dark.css" in Both Folders( 'assets/css/' and 'assets/css-rtl/') .

For Example Check the Below Image "1.jpg".



/***** 1.4 Replace the sidemenu-dark.css link in HTML Pages  ******/
-----------------------------------------------------

Step1::: Open Html Pages in some Folders 
rootpath---->(HTML/HTML-LTR/Sidemenu-Closed-Dark,
			  HTML/HTML-LTR/Sidemenu-Closed-Dark-Boxed,
			  HTML/HTML-LTR/Sidemenu-Icon-Dark, 
			  HTML/HTML-LTR/Sidemenu-Icon-Dark-Boxed,
			  HTML/HTML-LTR/Sidemenu-Iconoverlay-Dark,
			  HTML/HTML-LTR/Sidemenu-Iconoverlay-Dark-Boxed
			  HTML/HTML-RTL/Sidemenu-Closed-Dark,
			  HTML/HTML-RTL/Sidemenu-Closed-Dark-Boxed,
			  HTML/HTML-RTL/Sidemenu-Icon-Dark, 
			  HTML/HTML-RTL/Sidemenu-Icon-Dark-Boxed,
			  HTML/HTML-RTL/Sidemenu-Iconoverlay-Dark,
			  HTML/HTML-RTL/Sidemenu-Iconoverlay-Dark-Boxed) 

Step2::: Go to Header Section and replace previous-CSS(href="../../assets/css/sidemenu-dark.css") Link with Updated-CSS(href="../../assets/css/sidemenu.css") Link. 



/******************************************************************
2) Horizontal Menu Submenu Hover Styles Improved
*******************************************************************/

/***** 2.1 Horizontal Menu Submenu Hover Styles Improved in LTR ******/
-----------------------------------------------------
Step1::: Open _horizontal.scss. rootpath---->(assets/scss/components).

Step2::: Go to Near Line Number 352 and Update The SCSS.

Previous:
--------
	ul.sub-menu {
		position: absolute;
		top: 56px;
		z-index: 1;
		margin: 0px;
		padding: 5px;


Updated:
---------
	ul.sub-menu {
		position: absolute;
		top: 56px;
		z-index: 1;
		margin: 0px;
		padding: 5px 0; //////////Updated SCSS Line
		
Step3::: Go to Near Line Number 388 and Update The SCSS.

Previous:
---------
	ul.sub-menu {
		min-width: 220px;
		position: absolute;
		left: 103%;
		top: 0;
		margin: 0;
		padding: 2px;
		list-style: none;
		background-color: $white;
		border: 1px solid #eff0f6;


Updated:
--------
	ul.sub-menu {
		min-width: 220px;
		position: absolute;
		left: 100%; //////////Updated SCSS Line
		top: 0;
		margin: 0;
		padding: 2px 0px; ////////Updated SCSS Line
		list-style: none;
		background-color: $white;
		border: 1px solid #eff0f6;
		
----Or---

If You are Not Using Scss You need to Change in Css File 

Css::: 

Step 1::: open style.css root--->(assets/css/style.css).Go to Near Line Number 11962.and Update the Css

Previous:
---------
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
    position: absolute;
    top: 56px;
    z-index: 1;
    margin: 0px;
    padding: 5px;
    min-width: 190px;
    background-color: #fff;
    border: 1px solid #eff0f6;
    box-shadow: 0px 10px 10px 20px rgba(68, 84, 195, 0.05), 10px 10px 15px -5px rgba(68, 84, 195, 0.26);
}

Updated:
--------
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
    position: absolute;
    top: 56px;
    z-index: 1;
    margin: 0px;
    padding: 5px 0; /////Updated CSS Line
    min-width: 190px;
    background-color: #fff;
    border: 1px solid #eff0f6;
    box-shadow: 0px 10px 10px 20px rgba(68, 84, 195, 0.05), 10px 10px 15px -5px rgba(68, 84, 195, 0.26);
}

Step 2::: and Go to Near Line Number 12004 and Update the Css

Previous:
---------
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
    min-width: 220px;
    position: absolute;
    left: 103%;
    top: 0;
    margin: 0;
    padding: 2px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #eff0f6;
}

Updated:
--------
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 2px 0px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #eff0f6;
}


/***** 2.2 Horizontal Menu Submenu Hover Styles Improved in RTL ******/
-----------------------------------------------------
Step1::: Open _horizontal.scss. rootpath---->(assets/scss-rtl/components).

Step2::: Go to Near Line Number 352 and Update The SCSS.

Previous:
--------
	ul.sub-menu {
		position: absolute;
		top: 56px;
		z-index: 1;
		margin: 0px;
		padding: 5px;


Updated:
---------
	ul.sub-menu {
		position: absolute;
		top: 56px;
		z-index: 1;
		margin: 0px;
		padding: 5px 0; //////////Updated SCSS Line
		
Step3: Go to Near Line Number 388 and Update The SCSS.

Previous:
---------
	ul.sub-menu {
		min-width: 190px;
		position: absolute;
		right: 103%;
		top: 0;
		margin: 0;
		padding: 2px;
		list-style: none;
		background-color: $white;
		border: 1px solid #eff0f6;


Updated:
--------
	ul.sub-menu {
		min-width: 190px;
		position: absolute;
		right: 100%; //////////Updated SCSS Line
		top: 0;
		margin: 0;
		padding: 2px 0px; ////////Updated SCSS Line
		list-style: none;
		background-color: $white;
		border: 1px solid #eff0f6;
		
----Or---

If You are Not Using Scss You need to Change in Css File 

Css::: 

Step 1::: open style.css root--->(assets/css-rtl/style.css).Go to Near Line Number 11987.and Update the Css

Previous:
---------
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
    position: absolute;
    top: 56px;
    z-index: 1;
    margin: 0px;
    padding: 5px;
    min-width: 190px;
    background-color: #fff;
    border: 1px solid #eff0f6;
    box-shadow: 0px 10px 10px 20px rgba(68, 84, 195, 0.05), 10px 10px 15px -5px rgba(68, 84, 195, 0.26);
}

Updated:
--------
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
    position: absolute;
    top: 56px;
    z-index: 1;
    margin: 0px;
    padding: 5px 0;///////Updates CSS Line
    min-width: 190px;
    background-color: #fff;
    border: 1px solid #eff0f6;
    box-shadow: 0px 10px 10px 20px rgba(68, 84, 195, 0.05), 10px 10px 15px -5px rgba(68, 84, 195, 0.26);
}


Step 2:::and Go to Near Line Number 12029 and Update the Css

Previous:
---------
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
    min-width: 190px;
    position: absolute;
    right: 103%;
    top: 0;
    margin: 0;
    padding: 2px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #eff0f6;
    box-shadow: 0px 10px 10px 20px rgba(68, 84, 195, 0.05), 10px 10px 15px -5px rgba(68, 84, 195, 0.26);
}

Updated:
--------
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
    min-width: 190px;
    position: absolute;
    right: 100%;///////Updates CSS Line
    top: 0;
    margin: 0;
    padding: 2px 0;///////Updates CSS Line
    list-style: none;
    background-color: #fff;
    border: 1px solid #eff0f6;
    box-shadow: 0px 10px 10px 20px rgba(68, 84, 195, 0.05), 10px 10px 15px -5px rgba(68, 84, 195, 0.26);
}

NOTE:
==============
If You are Using SCSS in your Template. after Completion of above Changes Please run the Below Commands In cmd Prompt. If You are Not Using SCSS Please Ignore It.

Open cmd prompt and run below commands:
---------------------------------------

gulp watch

gulp rtlwatch

gulp menu

gulp rtlmenu

Please check the documentation to know about gulp commands in detail