Top Header (header-nav)

Rafael Fernandes — Mon, 10 Oct 2022 12:57:43 GMT

Current Revision posted to Dev Tutorials by Rafael Fernandes on 10/10/2022 12:57:43 PM

header-nav layout (/clients/base/layouts/header-nav) is the replacement of header layout (/clients/base/layouts/header) from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components Impact Overview

View	Description
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.
quicksearch	It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.
notifications	No changes
profileactions	Handlebar has slightly changed, make sure to merge with your code for full compatibility

You understand the new header-nav, let's get to sidebar-nav:

Move on to Sidebar Nav (sidebar-nav).

Top Header (header-nav)

Rafael Fernandes — Thu, 29 Sep 2022 15:04:53 GMT

Revision 11 posted to Dev Tutorials by Rafael Fernandes on 9/29/2022 3:04:53 PM

header-nav layout (/clients/base/layouts/header-nav) is the replacement of header layout (/clients/base/layouts/header) from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components Impact Overview

View	Description
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.
quicksearch	It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.
notifications	No changes
profileactions	Handlebar has slightly changed, make sure to merge with your code for full compatibility

You understand the new header-nav, let's get to sidebar-nav:

Move on to Sidebar Nav (sidebar-nav).

Top Header (header-nav)

Rafael Fernandes — Thu, 29 Sep 2022 15:04:53 GMT

Revision 12 posted to Dev Tutorials by Rafael Fernandes on 9/29/2022 3:04:53 PM

header-nav layout (/clients/base/layouts/header-nav) is the replacement of header layout (/clients/base/layouts/header) from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components Impact Overview

View	Description
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.
quicksearch	It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.
notifications	No changes
profileactions	Handlebar has slightly changed, make sure to merge with your code for full compatibility

You understand the new header-nav, let's get to sidebar-nav:

Move on to Sidebar Nav (sidebar-nav).

Top Header (header-nav)

Rafael Fernandes — Thu, 29 Sep 2022 15:04:23 GMT

Revision 10 posted to Dev Tutorials by Rafael Fernandes on 9/29/2022 3:04:23 PM

header-nav layout (/clients/base/layouts/header-nav) is the replacement of header layout (/clients/base/layouts/header) from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components Impact Overview

View	Description
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.
quicksearch	It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.
notifications	No changes
profileactions	Handlebar has slightly changed, make sure to merge with your code for full compatibility

You understand the new header-nav, let's get to sidebar-nav:

Move on to Sidebar Nav (sidebar-nav).

Top Header (header-nav)

Rafael Fernandes — Wed, 28 Sep 2022 18:36:58 GMT

Revision 9 posted to Dev Tutorials by Rafael Fernandes on 9/28/2022 6:36:58 PM

header-nav layout (/clients/base/layouts/header-nav) is the replacement of header layout (/clients/base/layouts/header) from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components Impact Overview

View	Description
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.
quicksearch	It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.
notifications	No changes
profileactions	Handlebar has slightly changed, make sure to merge with your code for full compatibility

You understand the new header-nav, let's get to sidebar-nav:

Move on to Sidebar Nav (sidebar-nav).

Top Header (header-nav)

Rafael Fernandes — Wed, 28 Sep 2022 18:34:53 GMT

Revision 8 posted to Dev Tutorials by Rafael Fernandes on 9/28/2022 6:34:53 PM

header-nav layout (/clients/base/layouts/header-nav) is the replacement of header layout (/clients/base/layouts/header) from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components Impact Overview

View	Description
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.
quicksearch	It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.
notifications	No changes
profileactions	Handlebar has slightly changed, make sure to merge with your code for full compatibility

You understand the new header, let's get to sidebar-nav:

Move on to Sidebar Nav (sidebar-nav).

Top Header (header-nav)

Rafael Fernandes — Mon, 26 Sep 2022 16:47:55 GMT

Revision 7 posted to Dev Tutorials by Rafael Fernandes on 9/26/2022 4:47:55 PM

This new layout is the replacement of "header" layout from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components Impact Overview

View	Description
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.
quicksearch	It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.
notifications
profileactions

Top Header (header-nav)

Rafael Fernandes — Fri, 23 Sep 2022 16:07:08 GMT

Revision 6 posted to Dev Tutorials by Rafael Fernandes on 9/23/2022 4:07:08 PM

This new layout is the replacement of "header" layout from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components Impacts Overview

View	Description
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.
quicksearch	It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.
notifications
profileactions

Top Header (header-nav)

Rafael Fernandes — Fri, 23 Sep 2022 15:14:58 GMT

Revision 5 posted to Dev Tutorials by Rafael Fernandes on 9/23/2022 3:14:58 PM

This new layout is the replacement of "header" layout from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components overview and impacts

View	Description	What happens during upgrade?
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.	header-nav-logos is a new component, therefore there are no impacts during upgrade
quicksearch	This view contains all the necessary code and logic for searching using the search bar. It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.	The Sugar upgrader will change core files in the base directory as the usual upgrade process does. If you have overridden (copy/paste) the structure, you must take new code and refactor/reapply your customizations. If you use the Extension Framework, best case you just need to test and ensure it still works, but could be more to it, the component's HTML/CSS elements behave different now. Handlebar Template: If you override this template it will break on upgrade, make sure you apply your customization to the new hbs. Javascript: If you used the extendsFrom, then it should work, however we recommend you test to ensure it still does what it was supposed to PHP/Metadata: If you've extended the metadata, then it should work, however we recommend you test to ensure it still does what it was supposed to. If you overwrote it, you must refactor your code with the new view.
notifications
profileactions

Top Header (header-nav)

Rafael Fernandes — Fri, 23 Sep 2022 13:04:32 GMT

Revision 4 posted to Dev Tutorials by Rafael Fernandes on 9/23/2022 1:04:32 PM

This new layout is the replacement of "header" layout from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components overview and impacts

View	Description	What happens during upgrade?
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.	header-nav-logos is a new component, therefore there are no impacts during upgrade
quicksearch	This view contains all the necessary code and logic for searching using the search bar. It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.	The Sugar upgrader will override those files in the base directory as the usual upgrade process does. If you customized it using extension framework, you must take the new code and apply your customizations to it. Do not, copy or leave your customizations in the system, if you do, Sugar will use that instead of the new layout and it will break the new Redesigned UI.
notifications
profileactions

Top Header (header-nav)

Rafael Fernandes — Fri, 23 Sep 2022 13:03:26 GMT

Revision 3 posted to Dev Tutorials by Rafael Fernandes on 9/23/2022 1:03:26 PM

This new layout is the replacement of "header" layout from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

Components overview and impacts

View	Description	What happens during upgrade?
header-nav-logos	This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.	header-nav-logos is a new component, therefore there are no impacts during upgrade
quicksearch	This view contains all the necessary code and logic for searching using the search bar. It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.	The Sugar upgrader will override those files in the base directory as the usual upgrade process does. If you customized it using extension framework, you must take the new code and apply your customizations to it. Do not, copy or leave your customizations in the system, if you do, Sugar will use that instead of the new layout and it will break the new Redesigned UI.
notifications
profileactions

Top Header (header-nav)

Rafael Fernandes — Thu, 22 Sep 2022 20:49:38 GMT

Revision 2 posted to Dev Tutorials by Rafael Fernandes on 9/22/2022 8:49:38 PM

This new layout is the replacement of "header" layout from previous releases.

It hosts four basic view components that compose Sugar's top header, outlined in the image below:

header-nav-logos
quicksearch
notifications
profileactions

header-nav-logos

This new view displays customer logos based on system settings and respects dark/light themes as configured by the user.

What happens during upgrade?

header-nav-logos is a new component, therefore there are no impacts during upgrade.

quicksearch

This view contains all the necessary code and logic for searching using the search bar.

It has gone through significant changes, if you customized in any way this component, you will need to refactor your code.

What happens during upgrade?

The Sugar upgrader will override those files in the base directory as the usual upgrade process does.

If you customized it using extension framework, you must take the new code and apply your customizations to it.

Do not, copy or leave your customizations in the system, if you do, Sugar will use that instead of the new layout and it will break the new Redesigned UI.

Top Header (header-nav)

Rafael Fernandes — Thu, 22 Sep 2022 20:19:27 GMT

Revision 1 posted to Dev Tutorials by Rafael Fernandes on 9/22/2022 8:19:27 PM

Top Header (header-nav)