{"id":18382540,"url":"https://github.com/dimpu/ng-formbuilder","last_synced_at":"2025-07-05T03:08:31.681Z","repository":{"id":71413455,"uuid":"46868988","full_name":"dimpu/ng-formbuilder","owner":"dimpu","description":"simple angualr form builder using json ","archived":false,"fork":false,"pushed_at":"2017-11-10T04:44:36.000Z","size":737,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-11T23:36:01.415Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://dimpu.github.io/ng-formbuilder","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimpu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-11-25T15:10:14.000Z","updated_at":"2019-05-07T14:25:45.000Z","dependencies_parsed_at":"2023-02-28T15:01:12.165Z","dependency_job_id":null,"html_url":"https://github.com/dimpu/ng-formbuilder","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dimpu/ng-formbuilder","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fng-formbuilder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fng-formbuilder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fng-formbuilder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fng-formbuilder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimpu","download_url":"https://codeload.github.com/dimpu/ng-formbuilder/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fng-formbuilder/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263674343,"owners_count":23494559,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T01:06:24.386Z","updated_at":"2025-07-05T03:08:31.659Z","avatar_url":"https://github.com/dimpu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"angular formbuilder\n===================\n\nA simple form builder engine using angular.js and twitter bootstrap.\n\nHow does it work\n----------------\n\nIt works based on json.\n\nInstall\n-------\n\nUsing bower\n\n```bash\n  bower install ng-formbuilder\n```\n\ndon't forget to link it to your html page.\n\n```javascript\nangular.module('App',['ngFormBuilder'])\n.controller('AppCtrl',function($scope){\n  $scope.formJson = {\n    \"form_name\":\"Form Builder\",\n    \"fields\":[{\n        \"type\": \"text\",\n        \"label\": \"Text\",\n        \"name\": \"text_\",\n        \"placeholder\": \"Enter your text!\",\n        \"validate\": {\n          \"require\": \"false\",\n          \"minlenght\": \"undefined\",\n          \"maxlenght\": \"undefined\"\n        },\n        \"columnsize\": 12\n      }]\n  };\n});\n\n```\n\nIn your html\n\n```html\n\u003cform-builder form-json=\"formJson\"\u003e\u003c/form-builder\u003e\n\n```\n\nSupported json formats\n----------------------\n\n```json\n{\n  \"text\": {\n    \"type\": \"text\",\n    \"label\": \"Text\",\n    \"name\": \"text_\",\n    \"placeholder\": \"Enter your text!\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"email\": {\n    \"type\": \"email\",\n    \"label\": \"Email\",\n    \"name\": \"email_\",\n    \"placeholder\": \"Enter your email\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"tel\": {\n    \"type\": \"tel\",\n    \"label\": \"Phone\",\n    \"name\": \"phone_\",\n    \"placeholder\": \"Enter your phone number!\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"textarea\": {\n    \"type\": \"textarea\",\n    \"label\": \"Textarea\",\n    \"name\": \"textarea_\",\n    \"placeholder\": \"Enter your details\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"radio\": {\n    \"type\": \"radio\",\n    \"label\": \"Radio\",\n    \"name\": \"radio_\",\n    \"default\": \"\",\n    \"inline\": \"false\",\n    \"columnsize\": 12,\n    \"items\": [{\n      \"label\": \"Radio\",\n      \"value\": \"radio\"\n    }]\n  },\n  \"checkbox\": {\n    \"type\": \"checkbox\",\n    \"label\": \"Checkbox\",\n    \"name\": \"chackbox_\",\n    \"columnsize\": 12,\n    \"items\": [{\n      \"label\": \"Checkbox\",\n      \"value\": \"checkbox\"\n    }]\n  },\n  \"select\": {\n    \"type\": \"select\",\n    \"name\": \"select_\",\n    \"label\":\"Select\",\n    \"placeholder\": \"--Select--\",\n    \"columnsize\": 12,\n    \"items\": [{\n      \"label\": \"Option 1\",\n      \"value\": \"option_1\"\n    }]\n  },\n  \"date\": {\n    \"type\": \"date\",\n    \"label\":\"Date\",\n    \"name\": \"date_\",\n    \"default\": \"\",\n    \"columnsize\": 12\n  },\n  \"number\": {\n    \"type\": \"number\",\n    \"label\":\"Number\",\n    \"name\": \"number_\",\n    \"columnsize\": 12\n  },\n  \"time\":{\n    \"type\": \"time\",\n    \"label\":\"Time\",\n    \"name\": \"time_\",\n    \"default\": \"\",\n    \"columnsize\": 12\n  },\n  \"color\":{\n    \"type\": \"color\",\n    \"label\": \"Color\",\n    \"name\": \"color_\",\n    \"placeholder\": \"Pick color\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"datetime\": {\n    \"type\": \"datetime\",\n    \"label\": \"Date Time\",\n    \"name\": \"dt_\",\n    \"placeholder\": \"Enter Date time!\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"month\": {\n    \"type\": \"month\",\n    \"label\": \"Month\",\n    \"name\": \"month_\",\n    \"placeholder\": \"Enter Month\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"range\": {\n    \"type\": \"range\",\n    \"label\": \"Range\",\n    \"name\": \"range_\",\n    \"placeholder\": \"Enter Month\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"week\": {\n    \"type\": \"week\",\n    \"label\": \"Week\",\n    \"name\": \"week_\",\n    \"placeholder\": \"Enter Week\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  },\n  \"url\": {\n    \"type\": \"url\",\n    \"label\": \"url\",\n    \"name\": \"url_\",\n    \"placeholder\": \"Enter Url\",\n    \"validate\": {\n      \"require\": \"false\",\n      \"minlenght\": \"undefined\",\n      \"maxlenght\": \"undefined\"\n    },\n    \"columnsize\": 12\n  }\n}\n```\n\n![ng-formbuilder](http://i.imgur.com/htue1el.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fng-formbuilder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimpu%2Fng-formbuilder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fng-formbuilder/lists"}