{"id":2698,"date":"2013-05-09T14:29:34","date_gmt":"2013-05-09T14:29:34","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/05\/09\/inline-editing\/"},"modified":"2019-11-18T16:27:43","modified_gmt":"2019-11-18T21:27:43","slug":"inline-editing","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/","title":{"rendered":"Inline Editing in Drupal 8"},"content":{"rendered":"<div style=\"background-color: #fafad2; border: 1px #D3D3D3 solid; border-radius: 5px; padding: 0px 0px 0px 5px;\">The information in this article has been transcribed from the <a href=\"https:\/\/www.youtube.com\/watch?v=evBpwxWPzPk\" target=\"_blank\" rel=\"noopener noreferrer\">Streamline inline editing in Drupal 8<\/a> video uploaded by <a href=\"https:\/\/buytaert.net\/\">Dries Buytaert<\/a> about the upcoming changes in Drupal 8.<\/div>\n<p>Hi my name\u2019s Kevin O\u2019leary I\u2019m the ux lead on Spark at  Acquia what I want to show you today is some of the work that we\u2019ve been doing on edit in place.<\/p>\n<p>Basically the goal here is to try to bring together work that we\u2019ve been doing in edit module for editing the fields in the node with work that already existed in Drupal 7 such as the contextual gears and local task tab the three of these things kind of presented different ways of  working with things that are right on the front of your site but they offer three different interaction patterns to do that so our goal here is to try to bring those three things together into a more unified interaction pattern for the user to be able to deal with anything that\u2019s right in place on the front end of their site.<\/p>\n<h2>User Interface Problem<\/h2>\n<p>So there\u2019s basically four parts to this problem. First off, the conflicting patterns in the different UIs here are confusing the users. The second is that the tasks in themselves aren\u2019t intuitive enough, and the third is that there\u2019s unnecessary information all of these forms that\u2019s slowing the user down, and then the last is that the interaction patterns don\u2019t really work for tablet devices.<\/p>\n<h3>Current State of Editing Content<\/h3>\n<p><a href=\"\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png\" rel=\"lightbox-0\"><img decoding=\"async\" width=\"844\" height=\"331\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png\" class=\"optimized-lcp-image\" alt=\"multiple edit places\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png 844w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit-300x118.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit-768x301.png 768w\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>Let me just give you a quick overview of how it works right now in Drupal 8. This is a promoted node that\u2019s on the home page and I see that I have a a contextual gear here so that I have some operations as I can perform, I can edit or delete. But then I also have this edit up here so right off the bat we have two sort of different ways of accessing this content.<\/p>\n<p><a href=\"\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_2-third-edirt.png\" rel=\"lightbox-0\"><img decoding=\"async\" alt=\"yet another edit area\" class=\"std_ss\" max-width=\"200\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_2-third-edirt.png\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>The edit from the contextual gear brings me to the full note edit form in the overlay the edit tab brings me into edit mode and then I can click into the various fields so once I actually click through and I am actually looking at the node itself now I see yet another interaction pattern here which is I have this edit tab which again brings me to the full node edit form in the overlay and then high again also still have the edit tab then from edit module.<\/p>\n<p><a name=\"many-edit-buttons\"><\/a><\/p>\n<h3>The New Design for Editing<\/h3>\n<p><a href=\"\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_3-new-edit-design.png\" rel=\"lightbox-0\"><img decoding=\"async\" alt=\"edit icons\" class=\"std_ss\" max-width=\"200\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_3-new-edit-design.png\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>So what you\u2019re looking at is the new design that we\u2019ve been working on up for this unified interaction pattern. And you can see up here on the top you have this pencil icon and this is the toggle for edit mode so when we toggle on the edit mode you can see that there\u2019s a number of pencil icons across the site which are the affordances for things that can be edited so instead of having your local task tabs and the gears with the drop down for for blocks and then the edit tab at the top for toggling on and off edit mode, everything is done with the same affordance so if I want to edit this menu here I simply click on that and now I can see some options of things that I can do were found one at it this block. I can edit that or if I want to edit one of the fields of the node like the title field or the body fields I simply click on those things and edit them directly.<\/p>\n<h2>Adding and Editing Menus<\/h2>\n<p><a href=\"\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_4-link-overlay.png\" rel=\"lightbox-0\"><img decoding=\"async\" alt=\"overlay edit button\" class=\"std_ss\" max-width=\"200\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_4-link-overlay.png\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>So I\u2019m back in a D8 install now and Im going to show you how I would add a menu like so I have a menu over here, a user account menu   and I click   this links and   now I can see that in the overlay I have an ad link button up here so if I add a link now I\u2019m in the add link form and this is an fairly complex form simple for Drupal but I think for for for an average user fairly complex form there are actually about a hundred and fifty five words on this page an eight form elements so that\u2019s quite a lot for the user to grok and users usually feel as if they should read through all of this or at least skim through it   in case there might be doing something wrong. So I would add a menu link title.<\/p>\n<h3>The Current Menu Edit Process<\/h3>\n<p><a href=\"\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_5-path.png\" rel=\"lightbox-0\"><img decoding=\"async\" alt=\"find path field\" class=\"std_ss\" max-width=\"200\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_5-path.png\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>I\u2019ve created a node before that I\u2019ve called Stunning typography, but  now when I get to the path fields here there\u2019s a problem because I don\u2019t know the path and I may not even know what a path is. I have some descriptive text down here that I can read to sort of describe that to me but what would really be great here is if I had a an auto complete function so I could start typing something and it would   it would it would bring that up so since I don\u2019t know the path I\u2019m going to need to go and find the path. So I have to close the overlay, go to menu. I have to know that my paths would be found by going to the actual content I can see going to the content that I have this node and now I can click on the node itself. Again I would need to know this. And then to find the node path up here which is node six, so I copy node six and now I go back to list links add link and then paste nod six. So that\u2019s a pretty roundabout  way for me to get to here. And then if I save and put back into the list links UI, the user is going to save that configuration because the expectation the user is that if I\u2019m in a modal I need to save it or else my changes are going to be lost and now I\u2019m going to close it and I see that my link has been added.<\/p>\n<h3>New Menu Editing<\/h3>\n<p><a href=\"\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_6-edit-menu.png\" rel=\"lightbox-0\"><img decoding=\"async\" alt=\"click edit menu\" class=\"std_ss\" max-width=\"200\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_6-edit-menu.png\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>So let\u2019s have a look at the same task in the new design I go to the edit toggle and toggle it on and let\u2019s take this menu right here, the main menu say I wanted to add a link to this menu, I simply click on the on the edit affordance and I see add link right there so I can and now I get a modal and this modal gives me the opportunity to give the link a title and then in the auto complete field where I can see some human readable names of pages in my site and then I can click one and it\u2019s going to automatically put in the path. <a href=\"\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_7-add-link.png\" rel=\"lightbox-0\"><img decoding=\"async\" alt=\"add link info\" class=\"std_ss\" max-width=\"200\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_7-add-link.png\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>If I already knew the path I could just typed it in here and just completely ignore this middle field. And then I can submit that and a like is added.<\/p>\n<h3 style=\"clear:both;\">Block Editing<\/h3>\n<p><a href=\"\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_edit-announcements.png\" rel=\"lightbox-0\"><img decoding=\"async\" alt=\"edit other blocks\" class=\"std_ss\" max-width=\"200\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_edit-announcements.png\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>So let me talk just a little bit about the tough affordances that we\u2019ve employed here in this design. When you have the edit mode toggled on and you go to a block you can see rather than the dropdown we have this sort of bar of buttons and the sizes and shapes of the buttons are optimized specifically for touch devices. A design which is gonna enable us to have them, you know, not interfere with content that is here and yet present all of the things that the user is going to need. And then we\u2019ve introduced some interesting new little patterns like these up down arrows which simply change the weight of the block to move it up above this block above it or down below the other block here.<\/p>\n<h2>Recap<\/h2>\n<p>So just to review, we started out with conflicting patterns that confuse the user by giving them two different ways to do essentially the same thing and we\u2019ve unified that into a single interaction pattern for editing anything that you can see on the site page. Second, we simplified the interaction patterns so that the user can quickly get to the thing they want to have edited, edit it, and then return to the site page that they\u2019re working on. Third we streamline the whole process by simplifying the forms and hiding all but the most essential fields that the user needs to perform the task. And last we optimized the whole experience for touch devices by removing hover, adding the toggles so that all of the affordances for edit appear at once, and increasing the size of the touchstones for all of the actual contextual links themselves.<\/p>\n<p>So these designs have already been through several rounds of testing and so far the test results have been really positive. We found that current Drupal users find this to be a much more intuitive experience for editing than they\u2019re used to in Drupal and non Drupal users have found it to be comparable to other apps that they use on touch devices. So we\u2019re going to continue to test but we\u2019d also like people in the community to have a look at the prototype which will be available online and .. also test it and give us your feedback as we move to getting this implemented.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The information in this article has been transcribed from the Streamline inline editing in Drupal 8 video uploaded by Dries Buytaert about the upcoming changes in Drupal 8. Hi my name\u2019s Kevin O\u2019leary I\u2019m the ux lead on Spark at Acquia what I want to show you today is some of the work that we\u2019ve<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/\"> Read More ><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[372],"tags":[],"class_list":["post-2698","post","type-post","status-publish","format-standard","hentry","category-drupal"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Inline Editing in Drupal 8 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Learn how the Spark distribution helps streamline inline editing in Drupal 8\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inline Editing in Drupal 8 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Learn how the Spark distribution helps streamline inline editing in Drupal 8\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-05-09T14:29:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-18T21:27:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png\" \/>\n<meta name=\"author\" content=\"Scott Mitchell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott Mitchell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/\"},\"author\":{\"name\":\"Scott Mitchell\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\"},\"headline\":\"Inline Editing in Drupal 8\",\"datePublished\":\"2013-05-09T14:29:34+00:00\",\"dateModified\":\"2019-11-18T21:27:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/\"},\"wordCount\":1610,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png\",\"articleSection\":[\"Drupal\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/\",\"name\":\"Inline Editing in Drupal 8 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png\",\"datePublished\":\"2013-05-09T14:29:34+00:00\",\"dateModified\":\"2019-11-18T21:27:43+00:00\",\"description\":\"Learn how the Spark distribution helps streamline inline editing in Drupal 8\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png\",\"width\":844,\"height\":331,\"caption\":\"Click here to view the larger image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inline Editing in Drupal 8\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\",\"name\":\"Scott Mitchell\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inline Editing in Drupal 8 | InMotion Hosting","description":"Learn how the Spark distribution helps streamline inline editing in Drupal 8","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:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/","og_locale":"en_US","og_type":"article","og_title":"Inline Editing in Drupal 8 | InMotion Hosting","og_description":"Learn how the Spark distribution helps streamline inline editing in Drupal 8","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-05-09T14:29:34+00:00","article_modified_time":"2019-11-18T21:27:43+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png","type":"","width":"","height":""}],"author":"Scott Mitchell","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Scott Mitchell","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/"},"author":{"name":"Scott Mitchell","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed"},"headline":"Inline Editing in Drupal 8","datePublished":"2013-05-09T14:29:34+00:00","dateModified":"2019-11-18T21:27:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/"},"wordCount":1610,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png","articleSection":["Drupal"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/","name":"Inline Editing in Drupal 8 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png","datePublished":"2013-05-09T14:29:34+00:00","dateModified":"2019-11-18T21:27:43+00:00","description":"Learn how the Spark distribution helps streamline inline editing in Drupal 8","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8_100_inline-edits_1-double-edit.png","width":844,"height":331,"caption":"Click here to view the larger image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/inline-editing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Inline Editing in Drupal 8"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed","name":"Scott Mitchell","url":"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":372,"name":"Drupal","slug":"drupal","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=2698"}],"version-history":[{"count":1,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2698\/revisions"}],"predecessor-version":[{"id":49229,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2698\/revisions\/49229"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=2698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=2698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=2698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}