[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"marketplace-site-banners":3,"github-stars":9,"directus-extension-editable-layout":115},[4],{"id":5,"icon":6,"content":7,"link":8,"include_paths":6,"exclude_paths":6},"5cf2f5f6-aecf-4395-8c23-69de326fdf02",null,"Directus V12 is here","https:\u002F\u002Fdirectus.com\u002Fresources\u002Fv12-built-for-the-whole-team",{"id":10,"node_id":11,"name":12,"full_name":13,"private":14,"owner":15,"html_url":33,"description":34,"fork":14,"url":35,"forks_url":36,"keys_url":37,"collaborators_url":38,"teams_url":39,"hooks_url":40,"issue_events_url":41,"events_url":42,"assignees_url":43,"branches_url":44,"tags_url":45,"blobs_url":46,"git_tags_url":47,"git_refs_url":48,"trees_url":49,"statuses_url":50,"languages_url":51,"stargazers_url":52,"contributors_url":53,"subscribers_url":54,"subscription_url":55,"commits_url":56,"git_commits_url":57,"comments_url":58,"issue_comment_url":59,"contents_url":60,"compare_url":61,"merges_url":62,"archive_url":63,"downloads_url":64,"issues_url":65,"pulls_url":66,"milestones_url":67,"notifications_url":68,"labels_url":69,"releases_url":70,"deployments_url":71,"created_at":72,"updated_at":73,"pushed_at":74,"git_url":75,"ssh_url":76,"clone_url":77,"svn_url":33,"homepage":78,"size":79,"stargazers_count":80,"watchers_count":80,"language":81,"has_issues":82,"has_projects":82,"has_downloads":82,"has_wiki":14,"has_pages":14,"has_discussions":82,"forks_count":83,"mirror_url":6,"archived":14,"disabled":14,"open_issues_count":84,"license":85,"allow_forking":82,"is_template":14,"web_commit_signoff_required":14,"has_pull_requests":82,"pull_request_creation_policy":90,"topics":91,"visibility":32,"forks":83,"open_issues":84,"watchers":80,"default_branch":111,"temp_clone_token":6,"custom_properties":112,"organization":113,"network_count":83,"subscribers_count":114},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus\u002Fdirectus",false,{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F15967950?v=4","","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus","https:\u002F\u002Fgithub.com\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowers","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowing{\u002Fother_user}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fgists{\u002Fgist_id}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fstarred{\u002Fowner}{\u002Frepo}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fsubscriptions","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Forgs","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Frepos","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fevents{\u002Fprivacy}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Freceived_events","Organization","public","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus","The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fforks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fkeys{\u002Fkey_id}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcollaborators{\u002Fcollaborator}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fteams","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fhooks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fevents{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fevents","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fassignees{\u002Fuser}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fbranches{\u002Fbranch}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Ftags","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fblobs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftags{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Frefs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftrees{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstatuses\u002F{sha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flanguages","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstargazers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontributors","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscribers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscription","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontents\u002F{+path}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcompare\u002F{base}...{head}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmerges","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002F{archive_format}{\u002Fref}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdownloads","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fpulls{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmilestones{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fnotifications{?since,all,participating}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flabels{\u002Fname}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Freleases{\u002Fid}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdeployments","2012-12-12T01:35:36Z","2026-07-12T17:19:36Z","2026-07-11T00:07:00Z","git:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","git@github.com:directus\u002Fdirectus.git","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","https:\u002F\u002Fdirectus.com",445838,36463,"TypeScript",true,4837,405,{"key":86,"name":87,"spdx_id":88,"url":6,"node_id":89},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[92,93,94,95,96,97,12,98,99,100,101,102,103,104,105,106,107,108,109,110],"api","app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},327,{"name":116,"description":117,"verified":14,"id":118,"readme":119,"type":120,"last_updated":121,"host_version":122,"downloads":123,"total_downloads":124,"sandbox":82,"license":125,"publisher":126,"versions":134,"formatted_name":163,"formatted_readme":164,"formatted_description":117,"featured_image":165,"images":166,"repository_url":140,"recent_downloads_7_days":124,"recent_downloads_30_days":124},"directus-extension-editable-layout","A table layout that allows you to edit item fields directly inline.","0dfbfce1-9941-4b35-9572-e60947928f96","# Editable Layout for Directus\n\nA table layout that allows you to edit item fields directly inline.\n\n![](https:\u002F\u002Fraw.githubusercontent.com\u002Fformfcw\u002Fdirectus-extension-editable-layout\u002Fmain\u002Fdocs\u002Fpreview-240611.png)\n\n## Installation & Setup\n\n-   [Official Guide](https:\u002F\u002Fdocs.directus.io\u002Fextensions\u002Finstalling-extensions.html)\n-   [NPM Package](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fdirectus-extension-editable-layout)\n\nOnce installed, go to your collection page, on the `Layout Options` tab in the sidebar, select `Editable` from the `Layout` drop-down list.\n\n### Layout Options\n\n`Save`: If the `Automatic` checkbox is `checked`, your changes will be saved automatically. If it is `unchecked` you will have to manually press the Save button that appears on the top right corner (or use the keyboard shortcut `[cmd] + [s]`) to save your changes.\n\n`Spacing`: Change the spacing of the table rows as you would in the default table layout.\n\n## Usage\n\nClick a cell within the collection table and press `[Enter]` or `Double-click` to enter the field and make your change. When you exit the cell by clicking outside it or pressing `[Escape]`, the field value is updated if you have autosave enabled. Otherwise, the cell appears as edited. You can use the `[Tab]` and `arrow keys` to navigate through the cells. You can add fields\u002Fcolumns using the `+`-button in the upper right corner of the collection table, just like in the default table layout.\n\n## Supported Interfaces\n\nAll interfaces except relational ones are supported — non-inline\u002Fnon-trivial interfaces open in a popup.\n\n**Relational Interfaces:** Coming soon …\n\n## Contribution\n\nContributions are welcome. Make sure to open an issue for bugs or start a discussion for feature requests, before you start writing code!\n\n## License\n\nThis project is licensed under [GPL-3.0](.\u002FLICENSE-GPL-3.0) and is based on [Spreadsheet Layout](https:\u002F\u002Fgithub.com\u002Fdirectus-labs\u002Fextensions\u002Ftree\u002Fmain\u002Fpackages\u002Fspreadsheet-layout), which I developed for Directus Labs and which is licensed under [MIT](.\u002FLICENSE-MIT).\n","layout","2024-09-17T13:43:17.689Z","^10.0.0 || ^11.0.0",[],0,"GPL-3.0",{"username":127,"verified":14,"id":128,"github_username":127,"github_name":129,"github_blog":130,"github_bio":131,"github_location":132,"github_company":127,"github_avatar_url":133},"formfcw","e8b19a30-0ff0-4b01-bf2b-8b0aa4da5b0d","Florian C. Wachmann","https:\u002F\u002Fwww.formfcw.com","design-driven developer","Vienna","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F78852214?v=4",[135,148,155],{"version":136,"package":118,"publisher":128,"type":120,"host_version":137,"publish_date":138,"verified":14,"id":139,"url_repository":140,"url_homepage":141,"url_bugs":142,"file_count":143,"unpacked_size":144,"sandbox":82,"sandbox_requested_scopes":6,"license":125,"bundled":145,"maintainers":146},"1.0.0","^10.10.0","2024-06-01T06:05:32.472Z","4214b0b9-7c6a-4fc4-aa93-fd719b02dcac","https:\u002F\u002Fgithub.com\u002Fformfcw\u002Fdirectus-extension-editable-layout.git","https:\u002F\u002Fgithub.com\u002Fformfcw\u002Fdirectus-extension-editable-layout#readme","https:\u002F\u002Fgithub.com\u002Fformfcw\u002Fdirectus-extension-editable-layout\u002Fissues",3,306274,[],[147],10962,{"version":149,"package":118,"publisher":128,"type":120,"host_version":122,"publish_date":121,"verified":14,"id":150,"url_repository":140,"url_homepage":141,"url_bugs":142,"file_count":143,"unpacked_size":151,"sandbox":82,"sandbox_requested_scopes":6,"license":125,"bundled":152,"maintainers":153},"1.1.1","b2482216-ac1a-410d-b655-079f2bfb7db1",312994,[],[154],11389,{"version":156,"package":118,"publisher":128,"type":120,"host_version":137,"publish_date":157,"verified":14,"id":158,"url_repository":140,"url_homepage":141,"url_bugs":142,"file_count":143,"unpacked_size":159,"sandbox":82,"sandbox_requested_scopes":6,"license":125,"bundled":160,"maintainers":161},"1.1.0","2024-06-11T10:36:10.679Z","e8124fff-1835-4133-8924-1ef0dbd328c5",308703,[],[162],10993,"Editable Layout","\u003Ch1>Editable Layout for Directus\u003C\u002Fh1>\n\u003Cp>A table layout that allows you to edit item fields directly inline.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fformfcw\u002Fdirectus-extension-editable-layout\u002Fmain\u002Fdocs\u002Fpreview-240611.png\" alt=\"\">\u003C\u002Fp>\n\u003Ch2>Installation & Setup\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fdocs.directus.io\u002Fextensions\u002Finstalling-extensions.html\">Official Guide\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fdirectus-extension-editable-layout\">NPM Package\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Once installed, go to your collection page, on the \u003Ccode>Layout Options\u003C\u002Fcode> tab in the sidebar, select \u003Ccode>Editable\u003C\u002Fcode> from the \u003Ccode>Layout\u003C\u002Fcode> drop-down list.\u003C\u002Fp>\n\u003Ch3>Layout Options\u003C\u002Fh3>\n\u003Cp>\u003Ccode>Save\u003C\u002Fcode>: If the \u003Ccode>Automatic\u003C\u002Fcode> checkbox is \u003Ccode>checked\u003C\u002Fcode>, your changes will be saved automatically. If it is \u003Ccode>unchecked\u003C\u002Fcode> you will have to manually press the Save button that appears on the top right corner (or use the keyboard shortcut \u003Ccode>[cmd] + [s]\u003C\u002Fcode>) to save your changes.\u003C\u002Fp>\n\u003Cp>\u003Ccode>Spacing\u003C\u002Fcode>: Change the spacing of the table rows as you would in the default table layout.\u003C\u002Fp>\n\u003Ch2>Usage\u003C\u002Fh2>\n\u003Cp>Click a cell within the collection table and press \u003Ccode>[Enter]\u003C\u002Fcode> or \u003Ccode>Double-click\u003C\u002Fcode> to enter the field and make your change. When you exit the cell by clicking outside it or pressing \u003Ccode>[Escape]\u003C\u002Fcode>, the field value is updated if you have autosave enabled. Otherwise, the cell appears as edited. You can use the \u003Ccode>[Tab]\u003C\u002Fcode> and \u003Ccode>arrow keys\u003C\u002Fcode> to navigate through the cells. You can add fields\u002Fcolumns using the \u003Ccode>+\u003C\u002Fcode>-button in the upper right corner of the collection table, just like in the default table layout.\u003C\u002Fp>\n\u003Ch2>Supported Interfaces\u003C\u002Fh2>\n\u003Cp>All interfaces except relational ones are supported — non-inline\u002Fnon-trivial interfaces open in a popup.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Relational Interfaces:\u003C\u002Fstrong> Coming soon …\u003C\u002Fp>\n\u003Ch2>Contribution\u003C\u002Fh2>\n\u003Cp>Contributions are welcome. Make sure to open an issue for bugs or start a discussion for feature requests, before you start writing code!\u003C\u002Fp>\n\u003Ch2>License\u003C\u002Fh2>\n\u003Cp>This project is licensed under \u003Ca href=\".\u002FLICENSE-GPL-3.0\">GPL-3.0\u003C\u002Fa> and is based on \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdirectus-labs\u002Fextensions\u002Ftree\u002Fmain\u002Fpackages\u002Fspreadsheet-layout\">Spreadsheet Layout\u003C\u002Fa>, which I developed for Directus Labs and which is licensed under \u003Ca href=\".\u002FLICENSE-MIT\">MIT\u003C\u002Fa>.\u003C\u002Fp>\n","https:\u002F\u002Fraw.githubusercontent.com\u002Fformfcw\u002Fdirectus-extension-editable-layout\u002Fmain\u002Fdocs\u002Fpreview-240611.png",[165]]