I would like to build a web application where users can create forms with very few technical knowledge. Since they need "advanced" features like validations, required fields and some more, I am currently evaluating XForms and web forms 2.0 (from HTML 5 spec). Concerning web forms, my research couldn't find any answers for the following questions:
Are there any (JavaScript) libraries out there which make web forms fully available in browsers which have currently no support for them (i.e. Firefox)?
Is there a "web forms editor" which allows creating input and select fields, with setting attributes like the type, required, ...? It has to be something visual, and must create "nice" html.
Any help/ hints would be appreciated!
I thought I'd register to post a message about this, as I've been looking into this as well in the last few weeks.
WebForms2 on Google Code tries to implement most web form features, but it hasn't been updated in a while. http://code.google.com/p/webforms2/
About editors, I don't think there are any. The HTML5 Forms spec hasn't been finalised, and browsers barely support it right now. There doesn't seem to be any consensus about how the inputs will be styled just yet either.
And I can't seem to post more than 1 link per message just yet. So see message above for the other link ;-)
There is some information about HTML5 Forms support on Anne van Kesteren's blog posted 10 days ago. http://annevankesteren.nl/2010/04/html5-forms
Cheers!
Related
I would like to implement an Calendar using Extjs 4 (4.1.3), that permits to me keeps dates, with ajax tecnology, from database. I would like that clicking on cell makes appear an editor that permits to me to modify the caratteristic of that date on database and so on.
P.s. : I have tanke a look to that site, http://docs.sencha.com/ext-js/4-1/#!/example/calendar/index.html, but i really don't know how to its works and to download the code. BUt it is so difficult to implement that i need?
Tanx.
The example uses the Extensible Calendar. It is fairly easy to work with, they include examples and documentation in the download. They even have a "remote" example that shows a simple example of your scenario.
With that said, it is not free if you are using it in a commercial application (just like ExtJS). An individual developer license is $199 ($329 with support).
I recently came across this term and I was wondering if there is anyone that could enlighten this concept and how it could fit into application development?
Twitter Bootstrap
You're probably reffering to Twitter Bootstrap. Not to be confused with normal bootstrap, which is something else.
Twitter bootstrap is a small (frontend) css/js "framework" with which you can build fluid web pages. So this is meant for web design only.
This means that when you resize your browser, all elements will be resized aswell, so that it even displays everything nicely on a mobile device.
For examples and more information check out their github page: http://twitter.github.com/bootstrap/
What is bootstrapping? (bootstrap)
Bootstrap (or bootstrapping) is something different. A bootstrap is a piece of code that is run when the machine (or application) first starts. A bootstrap file contains all sorts of standard configurations to configure itself.
There's actually more detail behind the whole bootstrap story, so for more information please read the wikipedia article:
http://en.wikipedia.org/wiki/Bootstrap
Bootstrap(aka Twitter Bootstrap)
It is a powerful front-end(CSS,JS) framework for faster and
easier web development.
It contains HTML and CSS-based design templates for
typography, forms, buttons, navigation and other interface
components, as well as optional JavaScript extensions.
It is compatible with all browsers from mobile to desktop
platform.
Since version 2.0 it also supports responsive design. This
means the layout of web pages adjusts dynamically, taking into
account the characteristics of the device used (PC, tablet, mobile
phone).
Its open source and its hosted on GitHub
To know more
Actually, the people giving the prior answers themselves did not have knowledge of the term and mistakenly, provided to you something "that is more popular".
Bootstrap UI is also called Angular UI. This is a JavaScript Library that is used for enhancing features used in projects using both - Bootstrap + Angular. It synchronized between them regarding pagination and other stuff. It is useful for projects primarily using Angular.
See here more details:
https://angular-ui.github.io/bootstrap/
https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together
Thanks, buddy!
I already know Asp.net and C#. I want to build web site, and I need to choose between learning Silverlight or learning Ajax.
The site will be (visual) with nice tables and a little graphics, and with hard work with db.
My question is what is the recommended way for me, and the reasons.
Thank u and sorry for my English.
Microsoft's current position would indicate that you should go with Asp.Net + HTML + CSS + jQuery (I would use MVC as it gives you much better control as to what gets rendered in the page, but that's just a recommendation).
http://mashable.com/2010/10/29/microsoft-silverlgiht-html/
Even if we ignore all the news regarding this shift from SilverLight to what's commonly being called "HTML5", learning & using jQuery + HTML + CSS has several advantages:
From a personal standpoint, all the knowledge you'll get will be useful for C# and for any other languages you need to use in the future for developing web apps.
Using Silverlight (or flash) you are basically telling search engines to ignore you. Ok, maybe it's not so radical, but you'll have a hard time trying to make your page climb positions in Google & Bing, if you intend to do so.
Silverlight makes you depend on a browser plugin. Your page won't work in any OS or browser that doesn't have the plugin installed.
You'll find much more information and documentation for jQuery + HTML than for Silverlight, as jQuery is used not only with C#, but also with PHP, Java...
As a benefit of using Silverlight, however, you will gain the ability to stream DRM'd content (it's actually Silverlight's and Flash's main strength right now). How useful that will be to you, I don't know.
The question promotes somewhat subjective answers, so please understand that the answers will vary from person to person.
I would prefer AJAX in this instance. If you need to do a lot of animation then silverlight is probably your best bet. However, if you're looking just to display tabular data (with some graphics), the most commonly used approach (by my observation) is to use AJAX to populate tabular data.
The most common use I see for Silverlight these days is media streaming and proof of concepts.
The examples that Microsoft's Patterns and Practices provides are quite helpful:
about a half-dozen simpler QuickStarts which touch on specific issues
the StockTrader reference implementation, which is a fairly rounded application
but it lacks a more useful base application that reads and writes to a data source (XML or database), allowing users to login, edit data, logout, etc. (something like what ASP.NET MVC comes with).
Since Prism applications can get quite complex and lengthy (the StockTrader example is almost 300 files without tests), it would be helpful to have an application that takes care of the CRUD bulk that everyone needs to build for most apps anyway.
Does anyone know of any data-editing Prism example apps out there?
Here (http://petedoesstuff.net/Blog/?p=79) you'll find a bunch of links to the samples of using the Prism.
Particularly, LateNight (http://code.google.com/p/cwpfsamples/) may be what you need. It has login screen and data editing functions.
Its feedback I've seen a lot of. I'll pass this onto the Team and see if we can get some more examples put online around this space.
I'm currently writing my own demo app now, so i'll also try and put that online via my blog.
Scott Barnes - Rich Platforms Product Manager - Microsoft.
The reason data access was left out of the Prism RI is because it is largely irrelevant to Prism. I would think you're better off looking at something like DinnerNow for those kind of things.
On my current project, we're developing a "designer" tool (with GWT) that allows users to build forms in their browser. These forms are displayed in various channels (e.g. web, mobile, sms) to capture data and make decisions based on user input.
When I joined the project, it was in a proof-of-concept phase and the form definitions created where serialized as XML (using JAXB) with element names that seemed logical. Now that we're moving the PoC to production mode, we're thinking it might be better to change our form definitions to leverage something that's more "industry standard". If nothing else, it'll help with marketing. ;-)
I've found a number of options and wondering if anyone has experience using them.
User Interface Markup Language (UIML)
USer Interface eXtensible Markup Language (UsiXML)
Numerous others: including AAIML, AUIML, XIML, XUL, XAML and XForms
If you've developed some sort of "form designer" tool that renders to multiple channels, I'd love to hear about your experience. Did you use some sort of industry standard to define your form elements, layout, etc. or did you come up with your own?
Thanks,
Matt
I work on Orbeon Forms, which is an XForms implementation. We primarily use XHTML + XForms to describe forms. I might be biased ;), but I have never seen anything that comes close to the power of XForms when it comes to describing forms.
In Orbeon Forms, we target browsers (mixed client/server-side implementation which doesn't require any plugin). But it would be perfectly feasible to target other devices based on the same description. We have also been busy for the last year and half doing a Form Builder, which now ships with Orbeon Forms.