Responsive Design Mode - Landscape Design for Mobile. (CP8)

Hi,
Given that the design default on mobile is on portrait, I'm wondering if there is an option to design for landscape. Thank you.

Do you really need to change the layout totally when the size is so close to each other? Just wondering. Responsive means that when you change the browser size everything will adapt. The breakpoints are only meant to have more 'agressive' changes, like having less objects on mobile screen, rearranging objects in another way etc. If you turn a tablet in landscape mode, it will probably use the Primary layout, if you use it in Portrait mode it will use the Tablet layout. If I understood your question wrongly, sorry.

Similar Messages

Does FireFox have landscape option for mobiles

u have a HTC inspire and use landscape quite a bit but FireFox doesn't seem to have it. why?

Firefox should rotate to orientation that your phone is being held.

Images in design mode don't draw their source from the correct directory?

I'm using flex builder 3 in os x. I've only recently started
using flex but this seems pretty odd. In design mode I drag an
image onto a panel. It starts out with no source, so of course it's
a broken image icon.
If I put my image into the 'bin' directory then I have to
enter the source of the image as 'bin/image.jpg' to make it show up
in the design view. But then when I 'Run' the project the image is
broken.
If I enter the source as 'image.jpg' then it doesn't show up
in design mode, but it does show up when I run the project. Thus it
appears that in design mode the 'current' directory is the main
project directory whereas when starting the project the main
directory is the 'bin' directory where it creates the swf.
The only way I can make this work reasonably well seems to be
to put the image in both the main project AND in the bin directory
by hand. Of course that's a maintenance nightmare.
What am I SUPPOSED to do? (other than embed the image in the
swf)

I always have this damn problem and I'm getting very tired of
it. And I AM embedding my images using [Embed] - same situation
still. I'm doing exactly what Adobe says to do for embedding images
here:
http://www.adobe.com/devnet/flex/quickstart/embedding_assets/
Still, it finds the assets when I run, but all I get is
broken images in design mode.
Design mode is broken in FB3. I don't remember what crazy
things I tried to get past this problem in the past, but I'm worn
out troubleshooting design mode path problems... image assets,
fonts, css, whatever. There is a bunch of threads in this forum
with people having similar issues, with no responses. I've spent
alot of time researching and troubleshooting these kinds of
problems - probably hours worth.
Adobe, what is the story with Design mode?

Blank design mode

Hello,
I'm using Adobe Flash Builder 4.6 and the design mode went blank for me and i couldn't drag any thing in etc, button, checkbox, list. I'm only able to view what i built using Adobe Flash Builder when i run it but just unable to see any thing that i built in design mode.
Thank you in advance!

I'm having the exact same issue as he described. This doesn't help at all.
I am using a fresh install of Flash Builder 4.6.
I have tried closing and re-opening the project, and cannot get the design view to work.
I have tried creating a completely new project, it comes up bad.
**Edit**
I think the problem has to do with the workspace. Most of my projects are flex 4.5. I started using an old flex 4.5 workspace that I have been using for several months. It worked well for a few hours of development, and then the design view started messing up.
I created a fresh new workspace, and imported the projects into the workspace by using file->import flash builder project->Folder, and manually selected the projects I needed.
This method worked for me and I am good to go.
Another point of note, is that my workspace was in my dropbox folder, which may have had some tampering going on in the background, I doubt it, but that could also have been the issue.
Good luck guys, hope this helps.
Message was edited by: darkscrypt

Responsive design mode is showing part of pages and is not showing any optomized pages even in safe mode.

I need to check multiple websites everyday for responsive design. When I open Responsive design mode I am getting full pages on every site, even ones I know are mobile opt. No matter how I scale it everything remains exactly as it is. I have to scale it to the far right to get the whole page. Basically the pages are always in full screen and I'm getting a window that only allows me to see part of a page. It is very frustrating.
Win xp
firefox V28.0
I am not a coder so please keep solutions simple.

From your screenshot, it seems to be working, as that grey bar has appeared at the top (with a link to the mobile version of the site). This only appears when the viewport width is 800px or less. This support website doesn't shrink dynamically (as the viewport gets smaller), but remembers whether your machine has a small screen or not (probably by storing a cookie which is changed when you click the link in the grey bar).
If you are having trouble with other sites, have you tried refreshing the page after resizing? When I have created responsive websites I often have to use JavaScript for a few features, and it simply isn't worth the processing power to make the code run every time the window size changes. Other than that I can't see what would be causing the problem (unless there is other important information you may have missed out)

Flash Design for Mobile Devices May Workshop

I'll be running a 2 day workshop in San Francisco on
Flash Design for Mobile Devices in May.
Please forward this announcement to anyone who might be
interested.
Details are below.
Thanks,
Nader Nejat // CEO
Omega Mobile //
http://www.omegamobile.com
Accelerating profit through stunning mobile experiences
==========================================
What:
Flash Design For Mobile Devices
When:
2 days: Saturday, May 6 & 13, 9am — 5pm
Where:
San Francisco State University Downtown Center
Multimedia Studies Program
425 Market Street, 2nd Floor
San Francisco, CA 94105
For more information and to register:
On the Internet go to:
http://msp.sfsu.edu
Or, call: 415.405.7700
Flash Design For Mobile Devices
In the era of rich mobile media development, your mobile
future is here. Now, learn how to create it in this hands-on
workshop.
We'll give you all the information and practice you need to
be on the
cutting edge of creating Flash content for PDAs, mobile
phones and next
generation devices. We'll explore the mobile Flash landscape
by looking
at working prototypes and actual applications that leverage
the current
mobile Flash player technology.
In this class, each attendee is assigned their own computer
to work on.
Discussions are followed by exercises that show you exactly
what you need
to know to produce your own mobile content. We emphasize
creating great
mobile multimedia experiences for cell phones using Flash
Lite.
In addition to exploring development opportunities available
today, you'll learn:
• The capabilities and limitations of Flash for mobile
development.
• Best practices for planning your mobile projects.
• How to efficiently convert Flash projects to mobile.
• The entire production process from planning to
testing and debugging on the device.
• How to create engaging content and user experiences
for small screens.
• How to maximize memory and processor performance of
your applications.
• How to develop for multiple devices with minimal
changes.
• To tap into resources to get you started quickly
• About handy third party utilities.
Who should take this class?
Anyone interested in developing rich media content for mobile
devices
including: mobile developers interested in Flash as a
potential delivery
platform and interface designers who want to use Flash for
mobile design,
Flash developers who wish to leverage their skills for mobile
development,
web designers who want to take advantage of the next big
medium and anyone
interested in Flash's capabilities for mobile devices.
Prerequisite: Flash I or equivalent experience recommended.
Course #: MULT 9234
Schedule #: 26264
Section: Z01
Hands on, 1 student per computer
2 days; Saturday, May 6 & 13, 9am — 5pm
SFSU Downtown Center, 425 Market
Fee: $395.00
Register Now! Call 415.405.7700

Anything similar available in UK?
"..Nader.." <[email protected]> wrote in
message
news:[email protected]...
> I'll be running a 2 day workshop in San Francisco on
> Flash Design for Mobile Devices in May.
>
> Please forward this announcement to anyone who might be
interested.
>
> Details are below.
>
> Thanks,
> Nader Nejat // CEO
> Omega Mobile //
http://www.omegamobile.com
> Accelerating profit through stunning mobile experiences
>
> ==========================================
>
> What:
> Flash Design For Mobile Devices
>
> When:
> 2 days: Saturday, May 6 & 13, 9am ? 5pm
>
> Where:
> San Francisco State University Downtown Center
> Multimedia Studies Program
> 425 Market Street, 2nd Floor
> San Francisco, CA 94105
>
> For more information and to register:
> On the Internet go to:
http://msp.sfsu.edu
> Or, call: 415.405.7700
>
> Flash Design For Mobile Devices
> --------------------------------
> In the era of rich mobile media development, your mobile
> future is here. Now, learn how to create it in this
hands-on workshop.
> We'll give you all the information and practice you need
to be on the
> cutting edge of creating Flash content for PDAs, mobile
phones and next
> generation devices. We'll explore the mobile Flash
landscape by looking
> at working prototypes and actual applications that
leverage the current
> mobile Flash player technology.
>
> In this class, each attendee is assigned their own
computer to work on.
> Discussions are followed by exercises that show you
exactly what you need
> to know to produce your own mobile content. We emphasize
creating great
> mobile multimedia experiences for cell phones using
Flash Lite.
>
> In addition to exploring development opportunities
available today, you'll
> learn:
> ? The capabilities and limitations of Flash for mobile
development.
> ? Best practices for planning your mobile projects.
> ? How to efficiently convert Flash projects to mobile.
> ? The entire production process from planning to testing
and debugging on
> the
> device.
> ? How to create engaging content and user experiences
for small screens.
> ? How to maximize memory and processor performance of
your applications.
> ? How to develop for multiple devices with minimal
changes.
> ? To tap into resources to get you started quickly
> ? About handy third party utilities.
>
> Who should take this class?
> --------------------------------
> Anyone interested in developing rich media content for
mobile devices
> including: mobile developers interested in Flash as a
potential delivery
> platform and interface designers who want to use Flash
for mobile design,
> Flash developers who wish to leverage their skills for
mobile development,
> web designers who want to take advantage of the next big
medium and anyone
> interested in Flash's capabilities for mobile devices.
>
> Prerequisite: Flash I or equivalent experience
recommended.
>
> Course #: MULT 9234
> Schedule #: 26264
> Section: Z01
>
> Hands on, 1 student per computer
> 2 days; Saturday, May 6 & 13, 9am ? 5pm
> SFSU Downtown Center, 425 Market
> Fee: $395.00
>
> Register Now! Call 415.405.7700
>

Need to know if there is UI designer for Mobile application on NWDS

Hello Experts....
I am planning to create a mobile application using NWDs.
Can I know if we can design a Mobile Application on the MWDs-> MI Application using UI tools?
can I use Web dynpro to develop mobile appliction for both HandHeld as well as Laptops.
If we can, can someone please send any supporting documents for the same.
I would also like to know what is the best way to design our own screens (for new functionality not existing in SAP) for a mobile device (PDAs and Laptops)
thanks in advance.
Raju

Take a look at this link, https://discussions.apple.com/thread/2401746?start=0&tstart=0

Why is the character style for hyperlinks not displaying correctly in design mode/viewing/output?

I am using RH9 and generating WebHelp, and I needed to globally bump up the font size of just my hyperlinked text. I went into my Style Sheet > Character tab, changed the font size of the various character settings for hyperlinks, and clicked Apply and then OK. Normally, this would change all of my hyperlink text font sizes immediately across all of my topics. However, this time, it made no changes to any existing hyperlinked text, and it only affected new hyperlinks that I subsequently added. For the existing hyperlinks, I can only manually change the font size of the each hyperlink one at a time, but that's crazy (there's 100's in this help).
I can successfully change other characters styles and paragraph styles. This issue only affects the hyperlink character styles. It also shows up in all RH modes - Design mode, viewing, and in the final output.
Is this an indication of a corrupted style sheet or some other combination of events that I have yet to discover?

Hi,
You probably have inline styling in your project overwriting the font size of your style sheet. How are you changing the font size of the individual hyperlinks?
There is a workaround for inline styling: Open your CSS in notepad and add !important after the font-size:
font-size: 4pt !important;
Note that this is a workaround, not a solution. As a solutions you can remove all the style attributes from your hyperlinks to force them to take the CSS styling again.
Greet,
Willam

Best practices for "designer - developer" interaction in Flex Mobile

Hi,
I'm starting development of a mobile software application and Flex Mobile is the platform I've chosen for that.
What is the best practice / recommended workflow for designer-developer interaction? For example in web application the designer provides HTML/CSS templates to the developer which integrates them in the Web Application. What is the analogue in Flex Mobile? What should I request as input from the designer?
I'll appreciate any hints, links, advises or previous experience on the topic.
Thanks!
Best Regards,
Dinko

If you're using Adaptive Web Design (CSS3 media queries), you can maintain one site with CSS Layouts optimized for different device widths.
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
jQuery Mobile
http://jquerymobile.com/
If you're actually running separate web sites for mobile and non-mobile devices, have a look at this recent discussion:
http://forums.adobe.com/message/4177360#4177360
IMO, there is nothing wrong with providing links for mobile and non-mobile users to choose which site they would prefer to use -- especially for tablets who may have an interest in both.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Support for different fonts in design mode

It's very difficult figuring out where to place components in
design mode when special fonts are used. Because they take up
more/less space than the default font (used in design mode), the
actual sizes of components when the app actually runs is never the
same as they were in design mode.
Basically if you're using special fonts, design mode becomes
half useless. Is there a way around this problem? Can we at least
change the font that design mode uses somehow?

Heh, just noticed it DOES work on my highest level mxml file
(application tag mxml), but not the others. Still experimenting...
seems to be a bug of some kind, I guess.
It seems that if you specifically include the style tag:
<mx:Style source="../../../css/yourCssFile.css"/>
It works fine, even for mxml nested in sub folders. Of
course, this is ugly- I had to put a bunch of ../'s just to reach
the css file I need, AND "refresh" the design view for it to
work...
And why this annoying warning message when I specifically
include the CSS into an mxml I want to use design view on?
"CSS type selectors are not supported in components."

Designing for Mobile Applications

I have a basic 6 page web site for our organization. Since many of our members now use their smart phones for web browsing I am thinking of adjusting my site to accomodate them. Since I have never designed for mobile applications I just wanted to get some professional feedback so I know the proper path to take. The site is a simple three-column layout with header and footer, primarily text with scattered graphics.
My first thought is to just redesign the site with a smaller overall size so it would be viewable in smaller devices, such as smart phones and IPods. Although it would require a total re-design change as far as layout and reduced use of graphics, it wouldn't take me long to create since the site is small to begin with.
My second option is to use a mobile template via jQuery. However, I have never used jQuery and am wondering if re-designing my site using jQuery would be the preferred route to go, or overkill due to the small size of my site.
I guess my question is this: At what point does it become preferable to use jQuery to design mobile web sites, as opposed to just re- creating a smaller physical version of my current web site? Or does using jQuery for mobile design the accepted common practice?
I'd appreciate anyone's professional opinion on the subject. Thanks.

Your application's main module structure can contain different sub-modules like common/base, BCC/versioning and other sub-modules. As you mentioned all of your common piece of server-side functionality, common components and repository definitions can go in the common/base sub-module within your main module structure. There can be one common-ui kind of a sub-module also which can hold common front-end stuff like JS, common CSS, images etc. Then there can be one sub-module for the actual customer facing application. These sub-modules can declare dependency on the common/base sub-module.
I would also go with having a single EAR for the customer facing app sub-module. Now within that EAR you can have different web-apps (WARs) with different context-roots as per your requirements. Having different web-apps will also allow you to bring in device specific changes to the application e.g. adding a device specific filters in case required.

Home/landscape design app for mac?

Is there a consumer-level (not some $1000 3D CAD pro app) home and/or landscape design application available for mac similar to Home & Garden designer programs for PC?? I can't find one to save my life!

Thanks for the ideas - I've searched for quite a while. I mean months now. The Apple website doesn't seem to have what I'm looking for. I've seen programs/apps widely available at regular retail stores for PC - that aren't professional CAD 3D programs that cost 100's or even 1000's of dollars just for laying simple landscape and/or interior design plans. I'm not a professional or business owner - I just want something that can help me layout plans for landscaping my yard and for home remodels etc. There's nothing like this for mac?

Multiplayer game designing for mobiles using J2ME

i m supposed to design a small multiplayer game for mobiles.It's my semester project.Have found many books for designing single player games but found none on multiplayer game designing.someone plz help me
plz treat with due regards.

I understand why results is different: bcs message arrival is not sequenial?
UPD: There is 1 more thing i cant understand.
If i will use NetStream and connect directly to peer it is possbile to fail bcs of Firewall or smth? In this situation i should use routing?

Design considerations for mobile version of website

My company has just implemented a new version of our coporate website using Oracle Portal, and ADF. However we do not have comprehensive mobile support but it is required. From my research I've learned we should be using ADF mobile. However, the resources I have found have been geared more at developers and I work as a Business Analyst. Can you point me to online resources (white papers, tutorials etc.) that deal with requirements and design considerations for porting over to a mobile version?
Thanks in advance.

My apologies for lateness in checking this thread.
Here is an article I wrote that might help. Most of the paper is geared toward developer, but the first few sections talks about best practices for mobile browser app in general, not just for iPhone. http://www.oracle.com/technology/pub/articles/huang-iphone.html
You can also check out this link: http://www.orato cle.com/technology/tech/wireless/adf_mobile.html.
As for design consideration, a few rules of thumb:
- First, obviously use ADF Mobile and Trinidad components. We put a lot of effort in adding rendering support for different mobile devices.
- Next, figure out what devices you want to support. Browsers found in smartphones varies greatly, and in consumer/feature phones, the support is even less consistent. In general you should be able create one app/set of screens for all mobile devices, but you should plan on having ability to test it out on different devices.
- Determine what information is really needed by mobile user. Not all information available in desktop application may be applicable for mobile users
- Design your mobile screens based on a few key principals:
- Display data as user needs it, instead of trying to display everything. For example, instead of displaying master-detail data on the same screen, break it out into 2 screens. Master data may be a list, and user would click on a particular piece of data to look at the details of that master record.
- Provide navigation buttons on each screen, and ensure they are easy to get to on a page. For example, using the iPhone paradigm, there is a navigation bar at the top of the page where you can go between views.
- Place command buttons at location where it's easy for user to get to. For example, if you need to allow user to modify a long list of fields, you may want to place save button on top and button of the screen, so user can easily get to it without having to scroll around too much.
- Use style sheets to achieve mobile-platform optimized UI. For example, if you intend to support touch screen devices (iPHone, BB Storm, etc), then style your application so buttons, command links, etc, are big enough so it's easy to get to. For non-touch screen devices, then it's OK to compress the UI, but ensure user can easily flow between controls to get to the functionality they need. For example, using a trackball to scroll to a button.
Thanks,
Joe Huang

Need landscape design blueprint for trainings

hi
i need a landscape design with all business components and all netweaver components included in that design. can any body give me the template landscape architecture
thanks
akhil

Hi,
Check this...
http://www.easymarketplace.de/online-pdfs.php
( Browse in this site)
https://www.sdn.sap.com/irj/sdn/industry-forums
Check this also.
http://help.sap.com/saphelp_nw04s/helpdata/en/43/7843c5eabd1ad0e10000000a114cbd/content.htm
May i know what is the Landscape you are having or u will have ??
2system or 3 system ??
Note: Points always encourage me to reply !!

Responsive Design Mode - Landscape Design for Mobile. (CP8)

Similar Messages

Maybe you are looking for