{"id":1302,"date":"2018-07-23T12:41:06","date_gmt":"2018-07-23T19:41:06","guid":{"rendered":"https:\/\/support.gwapps.com\/?post_type=ht_kb&p=1302"},"modified":"2022-06-16T18:24:03","modified_gmt":"2022-06-17T01:24:03","slug":"page-editor-overview","status":"publish","type":"ht_kb","link":"https:\/\/support.gwapps.com\/es\/knowledge-base\/page-editor-overview\/","title":{"rendered":"Page Editor Overview"},"content":{"rendered":"

The Page Editor is where the designer can create the desired Page, with the features and layout they need.<\/p>\n

Screen Layout<\/h2>\n

The Design tab of the Page Editor has three areas:<\/p>\n\n\n\n\n\n\n
Properties Panel Hidden<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n
Properties Panel Shown<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\n
Nombre<\/b><\/td>\nLocation<\/b><\/td>\nPurpose<\/b><\/td>\n<\/tr>\n
Palette<\/td>\nLeft Side<\/td>\nThe palette is the list of layout components and page controls that can be placed onto the page.<\/p>\n

When the Properties Panel is displayed, the Palette is made narrower and only shows the icons for the\u00a0layout component and fields.<\/td>\n<\/tr>\n

Page Layout Area<\/td>\nMiddle<\/td>\nThis is where the form you are designing is built and displayed. Fields are dragged from the Palette and dropped on the Form Layout Area to created the design of the form.<\/td>\n<\/tr>\n
Properties Panel<\/td>\nRight Side<\/td>\nThis is where all the settings for the controls can be adjusted.<\/p>\n

The Properties Panel only displays when it is activated. When you first open a page only the Palette and Page Layout Area are shown. The Properties Panel displays when the designer clicks on the properties icon for the component.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Page Design Basics<\/h2>\n

You create your page by finding the desired widget on the palette on the left side of the screen, then just drag & drop it onto the desired location on the page. You can also drag & drop existing components within the page to change its layout. There are also components that allow you to choose one, two three or four column layout areas, a bit like putting things in a table in a document so they stay where you want them to.<\/p>\n\n\n\n\n
Drag & Drop Page Design<\/b><\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

You can then change the settings for a component by typing them directly on the field or via the properties panel on the right side. (Click on the pencil (Edit) icon on the right side of the component to open the Properties Panel.)<\/p>","protected":false},"excerpt":{"rendered":"

The Page Editor is where the designer can create the desired Page, with the features and layout they need. Screen Layout The Design tab of the Page Editor has three areas: Properties Panel Hidden Properties Panel Shown Name Location Purpose Palette Left Side The palette is the list of layout…<\/p>","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"content-type":"","footnotes":""},"ht-kb-category":[24],"ht-kb-tag":[],"class_list":["post-1302","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-nav-pages-pdfs"],"yoast_head":"\nPage Editor Overview - GW Apps - Support<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/support.gwapps.com\/es\/knowledge-base\/page-editor-overview\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page Editor Overview - GW Apps - Support\" \/>\n<meta property=\"og:description\" content=\"The Page Editor is where the designer can create the desired Page, with the features and layout they need. Screen Layout The Design tab of the Page Editor has three areas: Properties Panel Hidden Properties Panel Shown Name Location Purpose Palette Left Side The palette is the list of layout...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/support.gwapps.com\/es\/knowledge-base\/page-editor-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"GW Apps - Support\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/gwappsinc\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-17T01:24:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/support.gwapps.com\/wp-content\/uploads\/2018\/07\/Page-Designer-no-Properties.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GWApps_Inc\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/page-editor-overview\\\/\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/page-editor-overview\\\/\",\"name\":\"Page Editor Overview - GW Apps - Support\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/page-editor-overview\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/page-editor-overview\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/Page-Designer-no-Properties.png\",\"datePublished\":\"2018-07-23T19:41:06+00:00\",\"dateModified\":\"2022-06-17T01:24:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/page-editor-overview\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/page-editor-overview\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/page-editor-overview\\\/#primaryimage\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/Page-Designer-no-Properties.png\",\"contentUrl\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/Page-Designer-no-Properties.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/knowledge-base\\\/page-editor-overview\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/support.gwapps.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page Editor Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#website\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/\",\"name\":\"GW Apps - Support\",\"description\":\"Democratizing web app development for businesses\",\"publisher\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/support.gwapps.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#organization\",\"name\":\"GW Apps\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/GWApps_logo_black.png\",\"contentUrl\":\"https:\\\/\\\/support.gwapps.com\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/GWApps_logo_black.png\",\"width\":745,\"height\":357,\"caption\":\"GW Apps\"},\"image\":{\"@id\":\"https:\\\/\\\/support.gwapps.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/gwappsinc\",\"https:\\\/\\\/x.com\\\/GWApps_Inc\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/gwapps\\\/posts\\\/?feedView=all\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCyN1tnP1Owrti0PYxEkQDaQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page Editor Overview - GW Apps - Support","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/support.gwapps.com\/es\/knowledge-base\/page-editor-overview\/","og_locale":"es_MX","og_type":"article","og_title":"Page Editor Overview - GW Apps - Support","og_description":"The Page Editor is where the designer can create the desired Page, with the features and layout they need. Screen Layout The Design tab of the Page Editor has three areas: Properties Panel Hidden Properties Panel Shown Name Location Purpose Palette Left Side The palette is the list of layout...","og_url":"https:\/\/support.gwapps.com\/es\/knowledge-base\/page-editor-overview\/","og_site_name":"GW Apps - Support","article_publisher":"https:\/\/www.facebook.com\/gwappsinc","article_modified_time":"2022-06-17T01:24:03+00:00","og_image":[{"url":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2018\/07\/Page-Designer-no-Properties.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@GWApps_Inc","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/support.gwapps.com\/knowledge-base\/page-editor-overview\/","url":"https:\/\/support.gwapps.com\/knowledge-base\/page-editor-overview\/","name":"Page Editor Overview - GW Apps - Support","isPartOf":{"@id":"https:\/\/support.gwapps.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/support.gwapps.com\/knowledge-base\/page-editor-overview\/#primaryimage"},"image":{"@id":"https:\/\/support.gwapps.com\/knowledge-base\/page-editor-overview\/#primaryimage"},"thumbnailUrl":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2018\/07\/Page-Designer-no-Properties.png","datePublished":"2018-07-23T19:41:06+00:00","dateModified":"2022-06-17T01:24:03+00:00","breadcrumb":{"@id":"https:\/\/support.gwapps.com\/knowledge-base\/page-editor-overview\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.gwapps.com\/knowledge-base\/page-editor-overview\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/support.gwapps.com\/knowledge-base\/page-editor-overview\/#primaryimage","url":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2018\/07\/Page-Designer-no-Properties.png","contentUrl":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2018\/07\/Page-Designer-no-Properties.png"},{"@type":"BreadcrumbList","@id":"https:\/\/support.gwapps.com\/knowledge-base\/page-editor-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/support.gwapps.com\/"},{"@type":"ListItem","position":2,"name":"Page Editor Overview"}]},{"@type":"WebSite","@id":"https:\/\/support.gwapps.com\/#website","url":"https:\/\/support.gwapps.com\/","name":"GW Apps - Soporte","description":"Democratizando el desarrollo de aplicaciones web para empresas","publisher":{"@id":"https:\/\/support.gwapps.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/support.gwapps.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/support.gwapps.com\/#organization","name":"GW Apps","url":"https:\/\/support.gwapps.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/support.gwapps.com\/#\/schema\/logo\/image\/","url":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2021\/04\/GWApps_logo_black.png","contentUrl":"https:\/\/support.gwapps.com\/wp-content\/uploads\/2021\/04\/GWApps_logo_black.png","width":745,"height":357,"caption":"GW Apps"},"image":{"@id":"https:\/\/support.gwapps.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/gwappsinc","https:\/\/x.com\/GWApps_Inc","https:\/\/www.linkedin.com\/company\/gwapps\/posts\/?feedView=all","https:\/\/www.youtube.com\/channel\/UCyN1tnP1Owrti0PYxEkQDaQ"]}]}},"_links":{"self":[{"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb\/1302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/comments?post=1302"}],"version-history":[{"count":8,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb\/1302\/revisions"}],"predecessor-version":[{"id":5266,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb\/1302\/revisions\/5266"}],"wp:attachment":[{"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/media?parent=1302"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=1302"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/support.gwapps.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=1302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}