kelp404 / angular-form-builder

Drag and drop to build bootstrap forms in AngularJS.
http://kelp404.github.io/angular-form-builder/
MIT License
599 stars 340 forks source link

Wat to add new tags #85

Closed vishalpachpande closed 9 years ago

vishalpachpande commented 9 years ago

Hi I wanted to add file upload tag in this ,so that user can add images ,where should I add that file tag so that I may work.

hueitan commented 9 years ago

custom yourself by registering a new component https://github.com/kelp404/angular-form-builder#registercomponent

vishalpachpande commented 9 years ago

Hey hi thanks for above help can you give me some example so that I can get more clear idea about it.

hueitan commented 9 years ago

We can see some example here https://github.com/kelp404/angular-form-builder/tree/master/example

Try finding the registerComponent.

vishalpachpande commented 9 years ago

Thanks :)

vishalpachpande commented 9 years ago

hey hi Huei I have register new html element in every register component object but still not working????

vishalpachpande commented 9 years ago

hey tnks for the guidance it worked for me.. :)

hueitan commented 9 years ago

:+1: you can paste your code here to share with others having the same problem.

vishalpachpande commented 9 years ago

$builderProvider.registerComponent('Upload image', { group: 'Default', label: 'Upload image', description: 'description', placeholder: 'placeholder', required: false, template: "<div class=\"form-group \"> <label for=\"{{formName+index}}\" class=\"col-sm-4 control-label\" ng-class=\"{'fb-required':required}\">{{label}} <div class=\"col-sm-8 uploadImageDiv\"> <input type=\"file\" ng-model=\"inputText\" class=\"imageType\" validator-required=\"{{required}}\" validator-group=\"{{formName}}\" id=\"{{formName+index}}\" class=\"form-control\" placeholder=\"{{placeholder}}\"/>

{{description}}

",

  });
vishalpachpande commented 9 years ago

In above code you can place html tag in template section which you wanted to add.

vishalpachpande commented 9 years ago

hey huei90 I need some more help actually i wanted to remove that "Name" labeled element which we cant edit or start its editing too .

hueitan commented 9 years ago

please format your code using markdown @vishalpachpande

vishalpachpande commented 8 years ago

hi, What you exactly want to do Minu

On Thu, Aug 13, 2015 at 10:37 AM, Minu Aswanth notifications@github.com wrote:

@vishalpachpande https://github.com/vishalpachpande, Were you able to upload images to the server

— Reply to this email directly or view it on GitHub https://github.com/kelp404/angular-form-builder/issues/85#issuecomment-130536827 .

Thanks and Regards

Vishal Pachpande, Software Engineer | TechNex Technologies Pvt. Ltd.| Cell: +91 8793373567 |TechNex Technologies Pvt. Ltd | Home http://www.tnex.co.in/ | Pune| India

minu-aswanth commented 8 years ago

I want to create a field to upload files @vishalpachpande

hueitan commented 8 years ago

@vishalpachpande You can beautify your code using markdown language, and everyone can view it.

vishalpachpande commented 8 years ago

hi, sorry for replying late ,simply open component builder and and register your element overthere it will functional immediately

On Fri, Aug 14, 2015 at 7:27 AM, Minu Aswanth notifications@github.com wrote:

I want to create a field to upload files @vishalpachpande https://github.com/vishalpachpande

— Reply to this email directly or view it on GitHub https://github.com/kelp404/angular-form-builder/issues/85#issuecomment-130918742 .

Thanks and Regards

Vishal Pachpande, Software Engineer | TechNex Technologies Pvt. Ltd.| Cell: +91 8793373567 |TechNex Technologies Pvt. Ltd | Home http://www.tnex.co.in/ | Pune| India