Application Stacked Layout

8 UI Blocks Example

app_stack_layout_8

Dashboard content goes here!

app_stack_layout_8
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [logo]https://via.placeholder.com/120x50[/logo]
  [logo_link]#[/logo_link]
  [menu_item new]
    [link]#[/link]
    [text]Dashboard[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Team[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Project[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Reports[/text]
  [/menu_item]
  [login_btn_link]#[/login_btn_link]
  [login_btn_label]Login[/login_btn_label]
  [user_pic][php.get_avatar_url p1='{current_user.ID}' /][/user_pic]
  [username][aw2.get current_user.display_name /][/username]
  [user_menu new]
    [link][php.get_edit_user_link p1='{current_user.ID}' /][/link]
    [text]My Profile[/text]
  [/user_menu]
  [user_menu new]
    [link][php.wp_logout_url /][/link]
    [text]Logout[/text]
  [/user_menu]
[/arr.create]
[uiblocks.application-stacked-layout.app_stack_layout_8 data="{template.data}"/]
                        
                      
app_stack_layout_7

Dashboard

Dashboard content goes here!

app_stack_layout_7
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
	[logo]https://via.placeholder.com/120x50[/logo]
	[logo_link]#[/logo_link]
	[header_btn_link]#[/header_btn_link]
	[header_btn_text]New Task[/header_btn_text]
	[header_btn_icon_class]icon-add[/header_btn_icon_class]
	[menu_item new]
	  [link]#[/link]
	  [text]Dashboard[/text]
	[/menu_item]
	[menu_item new]
	  [link]#[/link]
	  [text]Team[/text]
	[/menu_item]
	[menu_item new]
	  [link]#[/link]
	  [text]Project[/text]
	[/menu_item]
	[menu_item new]
	  [link]#[/link]
	  [text]Reports[/text]
	[/menu_item]
	[login_btn_link]#[/login_btn_link]
	[login_btn_label]Login[/login_btn_label]
	[user_pic][php.get_avatar_url p1='{current_user.ID}' /][/user_pic]
	[username][aw2.get current_user.display_name /][/username]
	[user_menu new]
	  [link][php.get_edit_user_link p1='{current_user.ID}' /][/link]
	  [text]My Profile[/text]
	[/user_menu]
	[user_menu new]
	  [link][php.wp_logout_url /][/link]
	  [text]Logout[/text]
	[/user_menu]
[/arr.create]
[uiblocks.application-stacked-layout.app_stack_layout_7 data="{template.data}" /]
                        
                      
app_stack_layout_6

Dashboard

Dashboard content goes here!

app_stack_layout_6
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [logo]https://via.placeholder.com/120x50[/logo]
  [logo_link]#[/logo_link]
  [header_btn_link]#[/header_btn_link]
  [header_btn_text]New Task[/header_btn_text]
  [header_btn_icon_class]icon-add[/header_btn_icon_class]
  [menu_item new]
    [link]#[/link]
    [text]Dashboard[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Team[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Project[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Reports[/text]
  [/menu_item]
  [login_btn_link]#[/login_btn_link]
  [login_btn_label]Login[/login_btn_label]
  [user_pic][php.get_avatar_url p1='{current_user.ID}' /][/user_pic]
  [username][aw2.get current_user.display_name /][/username]
  [user_menu new]
    [link][php.get_edit_user_link p1='{current_user.ID}' /][/link]
    [text]My Profile[/text]
  [/user_menu]
  [user_menu new]
    [link][php.wp_logout_url /][/link]
    [text]Logout[/text]
  [/user_menu]
[/arr.create]
[uiblocks.application-stacked-layout.app_stack_layout_6 data="{template.data}" /]
                        
                      
app_stack_layout_5

Dashboard content goes here!

app_stack_layout_5
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [logo]https://via.placeholder.com/120x50[/logo]
  [logo_link]#[/logo_link]
  [menu_item new]
    [link]#[/link]
    [text]Dashboard[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Team[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Project[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Reports[/text]
  [/menu_item]
  [login_btn_link]#[/login_btn_link]
  [login_btn_label]Login[/login_btn_label]
  [user_pic][php.get_avatar_url p1='{current_user.ID}' /][/user_pic]
  [username][aw2.get current_user.display_name /][/username]
  [user_menu new]
    [link][php.get_edit_user_link p1='{current_user.ID}' /][/link]
    [text]My Profile[/text]
  [/user_menu]
  [user_menu new]
    [link][php.wp_logout_url /][/link]
    [text]Logout[/text]
  [/user_menu]
[/arr.create]
[uiblocks.application-stacked-layout.app_stack_layout_5 data="{template.data}" /]
                        
                      
app_stack_layout_4

Dashboard

Dashboard content goes here!

app_stack_layout_4
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [logo]https://via.placeholder.com/120x50[/logo]
  [logo_link]#[/logo_link]
  [menu_item new]
    [link]#[/link]
    [text]Dashboard[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Team[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Project[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Reports[/text]
  [/menu_item]
  [login_btn_link]#[/login_btn_link]
  [login_btn_label]Login[/login_btn_label]
  [user_pic][php.get_avatar_url p1='{current_user.ID}' /][/user_pic]
  [username][aw2.get current_user.display_name /][/username]
  [user_menu new]
    [link][php.get_edit_user_link p1='{current_user.ID}' /][/link]
    [text]My Profile[/text]
  [/user_menu]
  [user_menu new]
    [link][php.wp_logout_url /][/link]
    [text]Logout[/text]
  [/user_menu]
[/arr.create]
[uiblocks.application-stacked-layout.app_stack_layout_4 data="{template.data}" /]
                        
                      
app_stack_layout_3

Dashboard

Dashboard content goes here!

app_stack_layout_3
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [logo]https://via.placeholder.com/120x50[/logo]
  [logo_link]#[/logo_link]
  [menu_item new]
    [link]#[/link]
    [text]Dashboard[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Team[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Project[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Reports[/text]
  [/menu_item]
  [login_btn_link]#[/login_btn_link]
  [login_btn_label]Login[/login_btn_label]
  [user_pic][php.get_avatar_url p1='{current_user.ID}' /][/user_pic]
  [username][aw2.get current_user.display_name /][/username]
  [user_menu new]
    [link][php.get_edit_user_link p1='{current_user.ID}' /][/link]
    [text]My Profile[/text]
  [/user_menu]
  [user_menu new]
    [link][php.wp_logout_url /][/link]
    [text]Logout[/text]
  [/user_menu]
[/arr.create]
[uiblocks.application-stacked-layout.app_stack_layout_3 data="{template.data}" /]
                        
                      
app_stack_layout_2

Dashboard

Dashboard content goes here!

app_stack_layout_2
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [logo]https://via.placeholder.com/120x50[/logo]
	[logo_link]#[/logo_link]
  [menu_item new]
    [link]#[/link]
    [text]Dashboard[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Team[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Project[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Reports[/text]
  [/menu_item]
  [login_btn_link]#[/login_btn_link]
  [login_btn_label]Login[/login_btn_label]
  [user_pic][php.get_avatar_url p1='{current_user.ID}' /][/user_pic]
  [username][aw2.get current_user.display_name /][/username]
  [user_menu new]
    [link][php.get_edit_user_link p1='{current_user.ID}' /][/link]
    [text]My Profile[/text]
  [/user_menu]
  [user_menu new]
    [link][php.wp_logout_url /][/link]
    [text]Logout[/text]
  [/user_menu]
[/arr.create]
[uiblocks.application-stacked-layout.app_stack_layout_2 data="{template.data}" /]
                        
                      
app_stack_layout_1

Dashboard

Dashboard content goes here!

app_stack_layout_1
                        
                          [arr.create set="template.data"]
  [section_classes][/section_classes]
  [logo]https://via.placeholder.com/120x50[/logo]
	[logo_link]#[/logo_link]
  [menu_item new]
    [link]#[/link]
    [text]Dashboard[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Team[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Project[/text]
  [/menu_item]
  [menu_item new]
    [link]#[/link]
    [text]Reports[/text]
  [/menu_item]
  [login_btn_link]#[/login_btn_link]
  [login_btn_label]Login[/login_btn_label]
  [user_pic][php.get_avatar_url p1='{current_user.ID}' /][/user_pic]
  [username][aw2.get current_user.display_name /][/username]
  [user_menu new]
    [link][php.get_edit_user_link p1='{current_user.ID}' /][/link]
    [text]My Profile[/text]
  [/user_menu]
  [user_menu new]
    [link][php.wp_logout_url /][/link]
    [text]Logout[/text]
  [/user_menu]
[/arr.create]
[uiblocks.application-stacked-layout.app_stack_layout_1 data="{template.data}" /]