how to adapt drag drop Formbuilder to Meteor - meteor

i'm trying to adapt http://bootsnipp.com/forms and http://dobtco.github.io/formbuilder/ to Meteor.
Meteor seems to be strugglinh with Html template files of both of these FormBuilders.
any pointers on how i can adapt one these to my MeteorJs application ?

I'm looking for the same integration. If you could find any solution please write it down here.
By the time, not the drag&drop but kind of dynamic form can be created through
https://github.com/aldeed/meteor-autoform
fyi

Related

Meteor.js three-way-databinding without Angular.js

I need to sync some forms with the MongoDB after the user has changed some data and I´m looking for a good solution with as less boilerplate as possible.
I´ve once accomplished that by using Meteor + Angular.js in a pretty straight-forwarded way, but I don´t want to use Angular anymore and currently I´m just fine with Meteor and Blaze and I want to stick with it.
What is a proper way to manage three-way databinding in Meteor.js (syncing input fields with my database on server) ?

How easy it is to develop drag and drop features using meteor js?

I need to design a website customization interface with drag & drop features list, and would like to build it using the meteor js framework and I'm new to this. Any suggestions or recommendations?
Thanks
You can definitely do this sort of thing in Meteor. Another good starting point:
https://github.com/nleush/meteor-todos-sortable-animation

Edit the Html.BeginForm helper method in asp.net

I have a specific theme which I apply to my html and now instead of editing it everything I create view. I want to edit the html helper methods and all all my necessary classes and id information can be put in one place.
How do i do this?
Do I just create a new custom one or is it easier to edit one that is already there? I do plan to add some ones that are not there.
I have googled abit but all the answerers I found give specific code to their problem. I dont even know which folder to put my classes in? In a book im reading about mvc it explains custom model template, but i dont think that is exactly what im looking for?
Even a basic example will be great.
Do I just create a new custom one or is it easier to edit one that is
already there? I do plan to add some ones that are not there.
I would say creating a custom one would be fast and simple. But if you still want to give a try by enhancing existing one, than you can get the source code of System.Web.Mvc for CodePlex, and make your necessary modifications and build it, reference it and use it in your project.

Best practices approach to multiple views in meteor?

Every tutorial/example i can find for meteor shows a single view application. I would like to build something a little more complex. I'm unclear how to approach multiple views...preferably in a way that's somewhat scalable?
The iron-router package lets you access different views (layouts) by nice, REST-ful human-friendly clean URLs. It supports parameters in the URL, "loading" templates, waiting for subscriptions to finish loading, before and after hooks etc.
At this point you can only create Single Page applications with Meteor. Note that Single Page, doesn't mean you can't have several views - use iron-router for that.
But by design, Meteor serves a big fat unique JavaScript/HTML/CSS application down to the browser, though there's a feature request to allow incremental loading. It is then up to the application (or more precisely, the JavaScript framework), to dynamically render its views in order to display different "pages".
I was wondering the same thing and it took me way too much time getting something started. I finally got a paged app working solidly by using Backbone views and routes, so I created a simple boilerplate project to make setting up an app like this easier in the future.
Live demo here: backbone-boilerplate.meteor.com
Source code here: github.com/justinmc/meteor-backbone-boilerplate
Have you looked at madewith.meteor.com?
A bunch of apps there have multiple views using Backbone also Jonathan Kingston who created britto has started simple meteor framework called Stellar
At this stage of the game not sure if there really are best practices. But these two seem to be the current flow.
You can also make a tabbed interface for multiple views. There is a package project "Smart package for generating a tabbed interface with pushState" github project here: https://github.com/possibilities/meteor-tabs
The best solution right now is using a routing package (router is basic but works). The workflow is something like this:
declare routes; return a template name for each route
place the reactive helper provided by the package in your body tag
the reactive helper will return the template associated to that route
you create a template for each route and optionally set custom publish functions
Router will give you browser history (client side).
Note that at this time there are some limitation on the way Meteor handles html/js. They are load all at the same time. The bright side is that once the app is loaded, page transitions will be instant.

Best approch to upgrade css classes in asp and aspx pages

I am working on website upgrade project (UI only ). This website has more than 5000 pages and 200 css files.
Basically In this project I have to replace old css classes with new css classes but this is not straight foreward. For some changes I have to modify HTML code with css class to achieve new UI look and fill.
I have identified type of changes required to migrate old page to new page. Total type of changes required are near about 15.
I am thinking about automating these 15 type of changes. Is there any tools(like html editor with regular expression support) available which will help me to achieve this functionality.
I am also thinking about developing c# based tool which will help me in achieving above changes but before that I want to know if any such kind of tool exists which will help in achieving the same.
Also if anybody worked on such kind of project then please share any other ideas.
Thanks in advance.
I think you could accomplish this by using the find-and-replace function in your code editor.
You could also keep the existing class names and replace their properties with your new class properties. With this method, you wouldn't have to edit anything but the CSS file itself.

Resources