Slide Overs

7 UI Blocks Example

slide_over_7
IMG_3020.jpg

6.2 MB

Information
Uploaded by John Doe
Created Jun 08, 2021
Last modified Jun 08, 2021
Resolution 6000x4500
slide_over_7
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [slide_over_btn_text]View Image Details[/slide_over_btn_text]
  [image]https://via.placeholder.com/600x300[/image]
  [image_name]IMG_3020.jpg[/image_name]
  [image_size]6.2 MB[/image_size]
  [table_caption]Information[/table_caption]
  [image_info new]
    [title]Uploaded by[/title]
    [content]John Doe[/content]
  [/image_info]
  [image_info new]
    [title]Created[/title]
    [content]Jun 08, 2021[/content]
  [/image_info]
  [image_info new]
    [title]Last modified[/title]
    [content]Jun 08, 2021[/content]
  [/image_info]
  [image_info new]
    [title]Resolution[/title]
    [content]6000x4500[/content]
  [/image_info]
  [download_btn_link]#[/download_btn_link]
  [download_btn_text]Download[/download_btn_text]
  [btn2_link]#[/btn2_link]
  [btn2_text]Delete[/btn2_text]
[/arr.create]
[uiblocks.slide-overs.slide_over_7 data="{template.data}" /]
                        
                      
slide_over_6

Profile

John Doe

@john.doe

Bio

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia.

Location

New York, NY, USA

Website
slide_over_6
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
	[slide_over_btn_text]View John's Profile[/slide_over_btn_text]
  [section_title]Profile[/section_title]
  [image]https://via.placeholder.com/200x200[/image]
  [display_name]John Doe[/display_name]
  [username]@john.doe[/username]
  [status]online[/status]
  [primary_btn_link]#[/primary_btn_link]
  [primary_btn_text]Message[/primary_btn_text]
  [call_link]#[/call_link]
  [call_link_text]Call[/call_link_text]
  [dropdown_menu new]
    [link]#[/link]
    [link_text]Edit[/link_text]
  [/dropdown_menu]
  [dropdown_menu new]
    [link]#[/link]
    [link_text]Delete[/link_text]
  [/dropdown_menu]
  [item new]
    [title]Bio[/title]
    [content]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia.[/content]
  [/item]
  [item new]
    [title]Location[/title]
    [content]New York, NY, USA[/content]
  [/item]
  [item new]
    [title]Website[/title]
    [link]#[/link]
    [link_text]ashleydoe.me[/link_text]
  [/item]
[/arr.create]
[uiblocks.slide-overs.slide_over_6 data="{template.data}" /]
                        
                      
slide_over_5

Profile

John Doe

@john.doe

Bio

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia.

Location

New York, NY, USA

Website

ashleydoe.me

slide_over_5
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
	[slide_over_btn_text]View John's Profile[/slide_over_btn_text]
  [section_title]Profile[/section_title]
  [image]https://via.placeholder.com/600x300[/image]
  [display_name]John Doe[/display_name]
  [username]@john.doe[/username]
  [status]online[/status]
  [primary_btn_link]#[/primary_btn_link]
  [primary_btn_text]Message[/primary_btn_text]
  [call_link]#[/call_link]
  [call_link_text]Call[/call_link_text]
  [dropdown_menu new]
    [link]#[/link]
    [link_text]Edit[/link_text]
  [/dropdown_menu]
  [dropdown_menu new]
    [link]#[/link]
    [link_text]Delete[/link_text]
  [/dropdown_menu]
  [item new]
    [title]Bio[/title]
    [content]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia.[/content]
  [/item]
  [item new]
    [title]Location[/title]
    [content]New York, NY, USA[/content]
  [/item]
  [item new]
    [title]Website[/title]
    [link]#[/link]
    [link_text]ashleydoe.me[/link_text]
  [/item]
[/arr.create]
[uiblocks.slide-overs.slide_over_5 data="{template.data}" /]
                        
                      
slide_over_4

New Project

https://
slide_over_4
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [title]New Project[/title]
  [slide_over_btn_text]Slide Over with fixed footer buttons[/slide_over_btn_text]
[/arr.create]
[uiblocks.slide-overs.slide_over_4 data="{template.data}" /]
                        
                      
slide_over_3

Latest Updates

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore

Lorem ipsum dolor sit amet conse

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.

Lorem ipsum dolor sit amet conse

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.

Lorem ipsum dolor sit amet conse

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.

View All
slide_over_3
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
	[slide_over_btn_text]What's New[/slide_over_btn_text]
  [title]Latest Updates[/title]
  [subtitle]Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore[/subtitle]
  [block_link]#[/block_link]
  [block_link_label]View All[/block_link_label]
  [item new]
    [title]Lorem ipsum dolor sit amet conse[/title]
    [content]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.[/content]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
  [/item]
  [item new]
    [title]Lorem ipsum dolor sit amet conse[/title]
    [content]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.[/content]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
  [/item]
  [item new]
    [title]Lorem ipsum dolor sit amet conse[/title]
    [content]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.[/content]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
  [/item]  
[/arr.create]
[uiblocks.slide-overs.slide_over_3 data="{template.data}" /]
                        
                      
slide_over_2

Latest Updates

Lorem ipsum dolor sit amet conse

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.

Lorem ipsum dolor sit amet conse

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.

Lorem ipsum dolor sit amet conse

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.

View All
slide_over_2
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
	[slide_over_btn_text]What's New[/slide_over_btn_text]
  [title]Latest Updates[/title]
  [block_link]#[/block_link]
  [block_link_label]View All[/block_link_label]
  [item new]
    [title]Lorem ipsum dolor sit amet conse[/title]
    [content]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.[/content]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
  [/item]
  [item new]
    [title]Lorem ipsum dolor sit amet conse[/title]
    [content]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.[/content]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
  [/item]
  [item new]
    [title]Lorem ipsum dolor sit amet conse[/title]
    [content]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque.[/content]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
  [/item]  
[/arr.create]
[uiblocks.slide-overs.slide_over_2 data="{template.data}" /]
                        
                      
slide_over_1
slide_over_1
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
	[slide_over_btn_text]Login[/slide_over_btn_text]
  [content][uiblocks.sign-in-and-registration.login_form_2 /][/content]  
[/arr.create]
[uiblocks.slide-overs.slide_over_1 data="{template.data}" /]