Skip to main content

This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.

Question

 Rajasekhar U (RajasekharU0829)
CGI

CGI
IN
RajasekharU0829 Member since 2013 102 posts
CGI
Posted: Jun 1, 2016
Last activity: Aug 29, 2017
Posted: 1 Jun 2016 7:38 EDT
Last activity: 29 Aug 2017 13:51 EDT
Closed
Solved

When should we use Layout Tab and Layout Group

Hi,

When should we use Layout type

  1. Tab
  2. Layout Group

What are the advantage and disadvantage of each or compare reason.

Thanks & Regards

U Rajasekhar

To see attachments, please log in.
User Experience

Accepted Solution

Posted: 8 years ago
Posted: 8 Jun 2016 2:28 EDT
Vikas Raidhan (VikasRaidhan)
PEGA
Senior Manager, Customer Service Email
Pegasystems Inc.
IN

Like Sathish said, Layout group is responsive and Tab is not. It's a good UI practice to design your screens so they render nicely on different form factors. Layout group used as Tab would allow you to do that. If you use 'Tabbed layout', the screens may be desktop friendly but on phones the screen will have horizontal scrollbars which results in bad user experience.

However, there are scenarios where Tabbed layout is superior and if you only cater to desktop applications there are certain advantages of Tabbed layout over layout group -

  1. 'Refresh when active' - You may set any tab to refresh when it becomes active only in Tabbed layout
  2. Default active tab - You may set any tab (not just first) as default active tab
  3. Tab position - Tab position may be changed from top to bottom, left or right

Cons of tabbed layout -

  1. Styling is a painful process
  2. Not mobile/touch friendly
  3. No enhancement planned for future

A UI engineer like me would suggest using (and switching to) layout groups because that is where enhancements will happen. Tabbed layout should be considered only when you're designing applications for desktop.

To see attachments, please log in.
Posted: 8 years ago
Posted: 1 Jun 2016 8:06 EDT
Rajasekhar U (RajasekharU0829)
CGI

CGI
IN

Thanks Basavaraj,

I have gone through the document but not able to find

  1. Compare reason between Tab and Layout Group
  2. Pro and Con or limitation of Tab and Layout Group
  3. When one should use Tab and Layout Group

Best Regards

U Rajasekhar

To see attachments, please log in.
Posted: 8 years ago
Posted: 7 Jun 2016 14:25 EDT
Tashika Shrestha (TashikaS)
PEGA
Principal Technical Support Engineer, User and Product Experience
Pegasystems Inc.
IN

Hi Rajasekhar,

I did not find any specific pros and cons between tab group and layout group, other than that Layout Group is better UI for mobile applications also. I hope this helps you:

Layout Group:

  • The layout group allows you to specify the type of navigation a user will use to navigate sets of information. For example, this could be a tab for each account, or by simply changing the type, the account list can be rendered as either a drop-down menu, accordion, tabbed, or list. Additionally, a layout group is a way to present information responsively that is normally shown within one control-type.
  • A layout group can be rendered as a tab control, an accordion, a stacked format, or a drop-down menu according to screen size.
  • A layout group can contain any number of dynamic layouts, column layouts, repeating dynamic layouts, or other layout groups.
  • With a layout group, what would usually appear as a tab control on a regular desktop or laptop converts to a different navigation mechanism on a touch device, negating the need for horizontal scrolling. (for Mobile Applications)
  • Not necessary that we need to have any active  tab. User can go ahead and collapse all the tabs by collapsing the layout group.

https://community.pega.com/sites/default/files/help_v72/procomhelpmain.htm

Show More

Hi Rajasekhar,

I did not find any specific pros and cons between tab group and layout group, other than that Layout Group is better UI for mobile applications also. I hope this helps you:

Layout Group:

  • The layout group allows you to specify the type of navigation a user will use to navigate sets of information. For example, this could be a tab for each account, or by simply changing the type, the account list can be rendered as either a drop-down menu, accordion, tabbed, or list. Additionally, a layout group is a way to present information responsively that is normally shown within one control-type.
  • A layout group can be rendered as a tab control, an accordion, a stacked format, or a drop-down menu according to screen size.
  • A layout group can contain any number of dynamic layouts, column layouts, repeating dynamic layouts, or other layout groups.
  • With a layout group, what would usually appear as a tab control on a regular desktop or laptop converts to a different navigation mechanism on a touch device, negating the need for horizontal scrolling. (for Mobile Applications)
  • Not necessary that we need to have any active  tab. User can go ahead and collapse all the tabs by collapsing the layout group.

https://community.pega.com/sites/default/files/help_v72/procomhelpmain.htm

Tab Group:

  • Here we will always have one 1 active tab.
  • By default, there will be one tab.
  • User do not have the option of converting the Tab group to different navigation mechanism .

Show Less
To see attachments, please log in.
Posted: 8 years ago
Posted: 7 Jun 2016 15:29 EDT
Senthil (SathishSenthil)

Basic difference is that Layout Group is responsive and device friendly.

Layout group comes with the responsive breakpoint settings(available in skin) which can be used to display the layout group in different formats based on the device width. This is something which is not available using the old Tab Group layouts.

To see attachments, please log in.

Accepted Solution

Posted: 8 years ago
Posted: 8 Jun 2016 2:28 EDT
Vikas Raidhan (VikasRaidhan)
PEGA
Senior Manager, Customer Service Email
Pegasystems Inc.
IN

Like Sathish said, Layout group is responsive and Tab is not. It's a good UI practice to design your screens so they render nicely on different form factors. Layout group used as Tab would allow you to do that. If you use 'Tabbed layout', the screens may be desktop friendly but on phones the screen will have horizontal scrollbars which results in bad user experience.

However, there are scenarios where Tabbed layout is superior and if you only cater to desktop applications there are certain advantages of Tabbed layout over layout group -

  1. 'Refresh when active' - You may set any tab to refresh when it becomes active only in Tabbed layout
  2. Default active tab - You may set any tab (not just first) as default active tab
  3. Tab position - Tab position may be changed from top to bottom, left or right

Cons of tabbed layout -

  1. Styling is a painful process
  2. Not mobile/touch friendly
  3. No enhancement planned for future

A UI engineer like me would suggest using (and switching to) layout groups because that is where enhancements will happen. Tabbed layout should be considered only when you're designing applications for desktop.

To see attachments, please log in.

We'd prefer it if you saw us at our best.

Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice