{"id":145,"date":"2019-01-22T18:35:41","date_gmt":"2019-01-22T18:35:41","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=145"},"modified":"2019-01-22T18:35:41","modified_gmt":"2019-01-22T18:35:41","slug":"context-menu","status":"publish","type":"page","link":"https:\/\/exponentwptheme.com\/documentation\/context-menu\/","title":{"rendered":"Context Menu and Observer"},"content":{"rendered":"<div  class=\"tatsu-fzh1eeo6na75v7fg tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 90px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-fzh1eeo6uf1ux2ro\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzh1eeo72d7dme3z\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner  tatsu-column-sticky\" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-fzh1eeo7467v0246   \" data-animation=\"fadeIn\"   ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-tatsu-container\"><ul id=\"menu-tatsu\" class=\"menu\"><li id=\"menu-item-266\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-266\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/tatsu-overview\/\" title=\"Tatsu Overview\">Tatsu Overview<\/a><\/li>\n<li id=\"menu-item-267\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-267\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/tatsu-components\/\" title=\"Tatsu Components\">Tatsu Components<\/a><\/li>\n<li id=\"menu-item-268\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-268\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/build-a-page-with-tatsu\/\" title=\"Build a page with Tatsu\">Build a page with Tatsu<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-231\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-231\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/build-a-page-with-tatsu\/#section-operations\" title=\"Sections\">Sections<\/a><\/li>\n\t<li id=\"menu-item-232\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-232\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/build-a-page-with-tatsu\/#row-operations\" title=\"Row\">Row<\/a><\/li>\n\t<li id=\"menu-item-233\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-233\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/build-a-page-with-tatsu\/#column-operations\" title=\"Column\">Column<\/a><\/li>\n\t<li id=\"menu-item-234\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-234\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/build-a-page-with-tatsu\/#module-operations\" title=\"Modules\">Modules<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-269\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-269\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/context-menu\/\" title=\"Context Menu and Observer\">Context Menu and Observer<\/a><\/li>\n<li id=\"menu-item-270\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-270\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/responsive-controls\/\" title=\"Responsive Controls\">Responsive Controls<\/a><\/li>\n<li id=\"menu-item-271\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-271\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/multi-select-operations\/\" title=\"Multi Select Operations\">Multi Select Operations<\/a><\/li>\n<li id=\"menu-item-272\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-272\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/copy-and-paste\/\" title=\"Copy and Paste\">Copy and Paste<\/a><\/li>\n<li id=\"menu-item-274\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-274\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-tatsu\/copy-and-paste-module-styles\/\" title=\"Copy and Paste Module Styles\">Copy and Paste Module Styles<\/a><\/li>\n<li id=\"menu-item-275\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-275\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-tatsu\/keyboard-shortcuts\/\" title=\"Keyboard Shortcuts\">Keyboard Shortcuts<\/a><\/li>\n<li id=\"menu-item-273\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-273\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-tatsu\/global-sections\/\" title=\"Global Sections\">Global Sections<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzh1eeo72d7dme3z.tatsu-column{width: 25%;}.tatsu-fzh1eeo72d7dme3z.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzh1eeo72d7dme3z > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzh1eeo72d7dme3z > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzh1eeo72d7dme3z > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzh1eeo72d7dme3z > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzh1eeo72d7dme3z.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzh1eeo72d7dme3z.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzh1eeo72d7dme3z.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzh1eeofsmcxx370\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-HkskUmLm4   \" data-animation=\"fadeIn\"  ><style>.tatsu-HkskUmLm4 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-HkskUmLm4 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Context Menu<\/h3>\n<p><strong>Right<\/strong> Click on&nbsp; any Module in Tatsu to view the Context Menu. The Context Menu has the complete list of options to perform all kinds on operations on the Modules and also navigate within modules. Each of the option in the Menu are explained in this article.&nbsp;<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module align-left tatsu-image-lazyload tatsu-HJWsU787V  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 658px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 156.83890577508%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"context-menu-full\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/context-menu-full-1.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-HJWsU787V .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(237,237,237,1); max-width: 50%;}.tatsu-HJWsU787V.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-SkZSP7U7N  \"><div class=\"tatsu-text-inner tatsu-align-center  clearfix\" data-animation=\"fadeIn\"  ><style>.tatsu-SkZSP7U7N.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;}<\/style>\n<ul class=\"exp-step-list\">\n<li><strong>Cut<\/strong> &#8211; This option cuts the selected component be it a section, row or a module and moves them to the clipboard along with its short code.<\/li>\n<li><strong>Copy<\/strong> &#8211; This option copies the shortcode of the selected component to its clipboard so that it can be pasted later in your desired module or place. ( kindly note that the columns cannot be copied or cut)<\/li>\n<li><strong>Paste<\/strong> &#8211; Used to paste the shortcode that is copied to the clipboard.<\/li>\n<li><strong>Delete<\/strong> &#8211; This option is used to delete the selected section, row, column or module.<\/li>\n<li><strong>Duplicate<\/strong> &#8211; This option is used to duplicate the selected section, row, column or module.<\/li>\n<li><strong>Add Section<\/strong> &#8211; This option is used to add a section below the selected component.<\/li>\n<li><strong>Add row<\/strong> &#8211; This option is used to add a row below the selected component.<\/li>\n<li><strong>Add module<\/strong> &#8211; This option is available only if you select a module or a column and right click on it and is used to add a module below the existing module.<br \/>Save as Template &#8211; This option is used to save the entire section as a template along with it rows and modules which can be loaded in any other page of your site.<\/li>\n<li><strong>Edit<\/strong> &#8211; Click on this option in order to edit the selected section column or a module, the various edit option will available on the left side page builder. The uses of the various editing option that is present in the editing panel are discussed here (link to the page).<\/li>\n<li><strong>Containers<\/strong> &#8211; This will list the parent containers for the Module. Clicking on the Parent will open the Editor fields on the parent.<\/li>\n<li><strong>Manage columns<\/strong> &#8211; This option will navigate you to the Column Switcher that can be used to modify the layout of the columns in the corresponding row.<\/li>\n<li><strong>Copy styles<\/strong> &#8211; Copy the Styles of a particular module. This option will copy just the settings and not the contents. Ex. on a Button Module, Copy Styles will copy just the Color, BG Color and Animations, but not the Button Text or the URL.<\/li>\n<li><strong>Paste Styles<\/strong> &#8211; Styles that are copied using Copy Styles option can be pasted on another module of the Same type. The contents of the Source and Target modules are kept intact. This option can be used when you want many of the modules in your page to have the same appearance.<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzh1xr1nr68k86jf   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzh1xr1nr68k86jf .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzh1xr1nr68k86jf .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Observer<\/h3>\n<p><span style=\"background-color: #ffffff;font-size: 17px;letter-spacing: 0px\">(left)&nbsp;<\/span>Click on any module in Tatsu to view the Observer. The teal bar that appears on the Top Left corner of the module is called the Observer. Certain important operations and breadcrumbs are present in this Bar.&nbsp;<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-Bk2vnQU7V  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 930px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 49.032258064516%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"observer-panel\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/observer-panel.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-Bk2vnQU7V .tatsu-single-image-inner{border-style: solid;max-width: 100%;}.tatsu-Bk2vnQU7V.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzh1eeofsmcxx370.tatsu-column{width: 75%;}.tatsu-fzh1eeofsmcxx370.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzh1eeofsmcxx370.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzh1eeofsmcxx370.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzh1eeofsmcxx370 > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzh1eeofsmcxx370 > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzh1eeofsmcxx370 > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzh1eeofsmcxx370 > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzh1eeofsmcxx370.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzh1eeofsmcxx370.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzh1eeofsmcxx370.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzh1eeofsmcxx370.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzh1eeo6na75v7fg .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-fzh1eeo6na75v7fg > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzh1eeo6na75v7fg > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/exponentwptheme.com\/documentation\/context-menu\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":0,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/145\/revisions"}],"wp:attachment":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}