panelAccordion component was supported in ADF Mobile but not in ORACLE MAF. Is it possible to achieve this feature in MAF?
Accordion are not common in mobile apps since they consume too much space for the areas they don't show- you usually use a different approach to showing different data on the same area - in MAF you can use the card component to achieve this.
Use a toolbar to control what card is being shown.
Related
I have inherited a non-responsive website that was created using reactjs. It is a fairly large website, that uses fixed layout. I have been tasked with evaluating/measuring the risks/effort of making the current website responsive. As i see it, these are the different things that I need to evaluate/accomplish that will help me with my goal
Go from fixed layout to relative layout. This might include using a grid layout or something similar
Decide on the app's flow, look and feel on mobile vs desktop. By this I mean, how should the links look when viewed in a mobile phone (maybe a hamburger menu) vs links that are laid out flat in a desktop browser.
What does it take to make individual components that make up the website responsive using media queries.
My question is should I prioritize one over another for whatever reason? And am I missing anything else that I should be focussing on
Thanks
K
I had very simple appication written for old (24x80) terminals
working in production company. My client ask me to transfer it
as a web application and I use ExtJS 4 to do it. It looks like
this:
and its working on pc stations without any problem.
But next question of my client is to modify this application to
work also on tablets and smartphones. And only problem we see
is proportion, on smartphone this screens are to small. What is
the best way to do it? How can I resize fields and fonts and buttons depending on screen size?
What you need is a Responsive Application.
The problem is that the responsiveConfig was introduced in ExtJS 5.
So if you cannot move to extjs 5.0 or above take a look at this answer.
Another aproach is to use multiple instances for the view. Create three different view instances, one for desktop, one for tablet and one for mobile, keep the same Controller, Model, Store etc and when you initialize your application display the correct view according to the screen size.
I want to create a mobile t-shirt app and I am just starting with mobile programming. The information is scattered and frankly I am not sure what are the best tools to use. I want to use AngularJS, and there are some directives to help with the canvas, but I am confused.
What do you think, what are the most appropriate tools to use? There will probably be a canvas as you should be able to choose a design and drop it on the t-shirt and customize the size or position further. Any help? Thanks a lot!
You don't actually need a canvas for that.
Have all designs as separate elements (may be png images). Initially have designs somewhere in other container which a user can pick, drag and drop onto t-shirt.You can use ngDraggable for achieving that. Change the css property "position" of dropped images to "absolute" so that user can place it anywhere on t-shirt. Next, user can select t-shirt and on touchmove event change css property "transform" to "scale" based on how much he drags(captured by touchmove's event object).
If you are planning for a hybrid app, go for Ionic Framework, as angular comes packaged with it. Else if are planning for a better UX (user experience, while all dragging and dropping events so that the feel of the app gives a native feel), you can see famo.us-angular Framwork.
How can I make my application web responsive design that is already design for desktop PC using Trinidad Component in ADF 11g?
Is it possible for with Trinidad component design application that support web responsive design?
Responsive design requires some form of tidy HTML but most importantly a style sheet.
Style sheets are no problem in Trinidad. See the skinning documentation on how to customize your style sheet.
The HTML is a different story. If you are using Trinidad's core renderkit you will end up with a lot of tables. Not the best choice for responsive design. You could create your own renderkit... Never tried it, but I assume it's a lot of work.
If your application isn't too complex, you might might be able to pull it off just using skinning.
My requirement is that I shall be able to render an image in ADF page as well as can scale the rendered image, edit it, rotate in as necessary.
Does ORACLE ADF gives me out of the box support for that.
Note: I want to use something like this for image editing
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/hierarchyViewer.jspx#%2Fcomponents%2FrichTextEditor.jspx
There is nothing like that in ADF.
You'll have to write your own component using a lot of Javascript to handle all that functionality.
There is nothing like that in ADF.
BUT you can use one of numerous jQuery plugins to address your needs.