{"id":202,"date":"2019-09-02T06:00:16","date_gmt":"2019-09-02T06:00:16","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=202"},"modified":"2019-10-19T07:04:54","modified_gmt":"2019-10-19T07:04:54","slug":"adding-new-widgets","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/adding-new-widgets\/","title":{"rendered":"Adding New Widgets"},"content":{"rendered":"\n<h6>Adding a new widget:<\/h6>\n\n\n\n<p>Please follow the given steps to add a new widget in the template. We are taking an example of adding a ToDo list on the dashboard but you can add any widget on any of the other page in the template:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>If you are working on the seed project, then you need to follow all the given steps, otherwise you can directly start from the step 3.<\/p><\/blockquote>\n\n\n\n<ol><li>Open <code>src\/views\/dashboard\/DashboardOne.vue<\/code> file.<\/li><li>Copy <code>TodoList.vue<\/code> widget from <code>vuely\/src\/components\/Widgets\/TodoList.vue<\/code> <strong>ThemeForest<\/strong> downloaded files and paste it under the <code>your-project-directory-name\/src\/components\/Widgets\/<\/code> directory.<\/li><li>Import TodoList widget into the <code>DashboardOne.vue<\/code> . Example: <pre class=\"my-4\">&lt;template&gt;\n   &lt;v-container fluid px-4 py-0&gt;\n      &lt;todo-list&gt;&lt;\/todo-list&gt;\n   &lt;\/v-container&gt;\n&lt;\/template&gt; \n&lt;script&gt;\n   import TodoList from \"Components\/Widgets\/TodoList\";\n\n   export default { \n      components: { \n         TodoList \n      } \n   } \n&lt;\/script&gt;\n<\/pre><\/li><li>Save the file and open your browser you will see your dashboard is ready with the newly added widget i.e. a ToDo list in the given example.<\/li><\/ol>\n\n\n\n<p><\/p>\n<div class=\"pld-like-dislike-wrap pld-template-1\">\n    <div class=\"pld-like-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-like-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"202\" data-trigger-type=\"like\" data-restriction=\"cookie\" data-ip-check=\"0\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-up\"><\/i>\n                    <\/a>\n    <span class=\"pld-like-count-wrap pld-count-wrap\">1    <\/span>\n<\/div><div class=\"pld-dislike-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-dislike-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"202\" data-trigger-type=\"dislike\" data-ip-check=\"0\" data-restriction=\"cookie\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-down\"><\/i>\n                    <\/a>\n    <span class=\"pld-dislike-count-wrap pld-count-wrap\"><\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Adding a new widget: Please follow the given steps to add a new widget in the template. We are taking an example of adding a ToDo list on the dashboard but you can add any widget on any of the other page in the template: If you are working on the seed project, then you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/202"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/comments?post=202"}],"version-history":[{"count":18,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/202\/revisions"}],"predecessor-version":[{"id":858,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/202\/revisions\/858"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}