NeoMAD application UI design with drag and drop components - user-interface

I am using NeoMAD for my mobile application development project. I want to start designing the UI of my application with drag and drop components. How do I open that view?

At the moment, it is not possible to design the application UI by drag and dropping components with NeoMAD.
To design the UI of your NeoMAD application, you can:
use the NeoMAD XML Layout resource type to define the UI elements in XML,
directly code the UI in your application Java source code using the classes of the com.neomades.ui package of the NeoMAD Generic API,
or mix these two solutions.

Related

Seperate UI Responsively for web and Mobile ADF Application

We have a adf fusion application developed in 12c,I want that application to show the components responsively in different devices. I am using Oracle Alta UI,but the problem is,it is showing the panel boxes properly but the components such as SelectOneChoice are not displaying responsively. May i know how can i do this? I need seperate UI based on mobile.
Responsiveness is something you'll need to build into your code.
You can use the af:matchmediabehavior tag to control properties of components on your page based on screen sizes.
Example:
https://blogs.oracle.com/shay/entry/responsive_ui_in_oracle_adf
More samples:
https://pinboard.in/search/u:OracleADF?query=responsive

Navigation between differents UI in vaadin project

please I have a vaadin project with 2 UI ,I want to go from the first UI to the second by clicking a button. Have you any idea how can I do it .Thank you
Typically a Vaadin application only contains just a single UI, and then Vaadin Navigator is used to switch between different views.
But sometimes there is a valid use case for multiple UIs inside the same application.
If you have multiple UIs, to open the UI, which is running in the context root of your web app, you could just say:
getUI().getPage().setLocation("/");
and if you have an another UI running at path second, you can open it by calling:
getUI().getPage().setLocation("/second");

What is the difference between Kendo UI Core and Kendo UI Mobile?

I understand that Kendo UI mobile (15 controls) are included as part of Kendo UI core package, but I need to understand the difference. Can I use the kendo UI controls (non-mobile) to develop a SPA hybrid mobile app or I am only limited to the 15 mobile controls? So far my understanding is that I can use all of the 40+ but the mobile controls provides better data binding support and native rendering... Please correct me if I am wrong.
The mobile controls are built specifically for hybrid mobile applications. That means that not only are they controls that you typically find on smaller screens (navbars, listviews, tabstrips, drawers), but there is an accompanying application object which "glues" together the application and provides view transitions. Here is a simple example....
http://dojo.telerik.com/AvEF
The mobile framework also does a TON of heavy lifting in terms of taking care of meta tags, overflow scrolling, fast-click and touch support (no 300ms delay).
The SPA framework is abstracted from what the mobile application object uses. So while you could use the SPA framework and web widgets to build your hybrid app, Kendo UI Mobile was designed for exactly this, so you would be much better off with Kendo UI Mobile.
Also - if you're doing hybrid, you may want to checkout AppBuilder which provides Kendo UI Mobile as the default UI library.

Using extJS GUI only

I am building a web application using a PHP MVC framework and jQuery, but I would like to use extJS layouts as the GUI of the Application. The whole core of the App is built using the framework and jQuery, I just want to use ExtJS to create the Layout. It will consist of a two column style with a left menu and tabbed navigation; it is the only I want to use from ExtJS.
The question is: Is it worth it? (taking into account the license restrictions and the large ExtJS is). Are there some alternatives?
Personally I wouldn't do it. Developing with Ext requires quiet some time and is mostly worth it when you use the functioanlity offered by the Ext framework. From yourquestion I understand that you use jQuery for the functionalities of the application and Ext only for the layout. That doesn't seem worth the time and work for me.

GUI for creating fullscreen web applications

Desktop GUI builder tools such as Qt Designer and Glade let me easily design a resizable interface with menus, shortcuts, tab order, status bar, etc
Is there an equivalent tool for the web?
I am not after building a typical web interface where you scroll down to view all the content, but a fullscreen interface with menus at the top and status bar at bottom.
Here is an (awesome) example fullscreen web app: http://desktop.sonspring.com/
The Flash Platform would probably give you a more familiar environment to develop for. The Flex framework provides a complete framework for developing sophisticated applications and Flex Builder (built on top of Eclipse) gives a UI 'designer' to build large parts of your app using the drag & drop philosophy.
For the kind of interfaces you're describing, ExtJS is quite a nice library. While there is not a GUI interface designer yet, there is reportedly one in the pipeline.
While the widget library is available under GPL3 (which caused some controversy), it's also available via commercial licenses. The interface builder will cost some kind of money.
Check out the demos, there is a desktop sample very similar to the one you referenced in your question.

Resources