Mobile site preview

Latest Update not showing mobile preview using Ctrl + Shift +M combination.

For me, Ctrl+Shift+m loads the Responsive Design View tool, which lets you choose a variety of different screen resolutions.
Do you get a resolution chooser or just nothing happens?
If you use the menu, does the feature work or does it seem to be disabled? Either of these should call it up:
* "3-bar" menu button > Developer > Responsive Design View
* (menu bar) Tools menu > Web Developer > Responsive Design View
If the menu works but the keyboard shortcut doesn't, it's possible an extension is intercepting that shortcut, but tracking it down might take some work.

Similar Messages

Mobile site using an accordian panel with menu selections

I watched the adobe muse video here is the link http://tv.adobe.com/watch/creative-suite-podcast-designers/how-to-create-a-dynamic-sliding -menu-for-your-mobile-website-in-adobe-muse/
In the demo, when you preview it mobile site, the menu is not displayed and when you tap th emenu, the accordian menu displays and pushes all the content down and then when you close it, pushes it back up.
I created a similar test mobile site. But, when I preview it the menu always appear on start up and the content is not pushed down or up when the menu is activated or closed. I noticed that the options on the accordian widget in the video are different than in my MUSE which is V7.1 build 329. There is no close all initially check box. Instead I have an overlap item below check box.
So my question is what do I need to do to get this to work as per the video.
Thanks-Bryan

Hello,
I think there may be an issue in how your model/Accordion Menu was configured. What insert option are you using? Your destination should only be 'one' row OR 'one' column at the most.
Thanks,
AJ

Problems with widget alignment on mobile site

I'm trying to get my mobile site up and running. I'm using a sliding menu by inserting a vertical menu box into an accordian widget. The problem is, there's always this gap on the right side for some reason when I go to preview it. I've made sure there's no strokes on anything, and I just can't seem to figure out what's causing this gap. I think it's some kind of bug. I tried compensating by shifting the menu over, and it seemed to be working in the preview mode in Muse. When i uploaded everything, everything looked fine until i noticed that when I click the menu bar thereby opening the accordian box, there's a gap on the right side again, only this time the header boxes are gapping too. This is really frustrating. Has anyone had this problem? Any suggestions?

Hi
Few things to try :
- Check the content area alignment
- Try to modify X location of content area so that it positions centrally.
Thanks,
Sanjit

Mobile site

Hi,
I've finished designing the layout for the desktop site, and everything seems to be working fine. I'm having some issues with the mobile site...when I change the phone in preview mode, the sizing is working correctly. As an example, when I select iPhone 4 from the dropdown menu, the bottom of the page gets cut off. Is there a way to make the site responsive so it will auto resize for all of the phone options?
Thanks

Hi,
I assume you have gone through and added the content for the phone layout within Muse.
- http://helpx.adobe.com/muse/tutorials/creating-mobile-layout-designs-muse.html
Since this may require additional testing I would recommend having Muse support look into your Muse file to ensure everything is properly configured.
- http://helpx.adobe.com/contact.html?product=muse
Kind regards,
-Sidney

Resize mobile site with muse

I'm creating a mobile site and I don't know why when I preview the mobile site it pushes the content to the left side of the screen. How can I resize it automatically? Designing the site everything is sized correctly.

Hi
Please check if there is any page content frame stretching the page , of if any header or footer item falls out of page area.
Thanks,
Sanjit

Muse mobile site/ issues with size...

I created a mobile site with Muse, and it previews just fine... But when I go to an actual phone my content is a third of the page and locked on the left. Why does it look so small? I want it to be the width of the screen... I have the page width set at 320.

You most likely have an empty box or box extended past the right side of the page. Open your mobile template and do a select all to highlight everything on the page and see if you have an empty box off the design.

How do you stop mobile sites from loading in safari automatically on my iPad? I can't log into mobile me because of this.

How do you stop mobile sites from loading in safari automatically on my iPad? I can't log into mobile me because of this.

The me.com website is not designed for or intended to be accessed by iOS devices. Apple provides support in iOS or seperate Apps for accessing all aspects of MobileMe except for the Accounts section.
Use MobielMe as intended and you'll have no problems.
See: http://support.apple.com/kb/ts1673
Even if you use a different browser to get access to me.com on iOS, you'll find most of it is unusable.
Other websites that present you with the mobile version have been programmed to do so by their developers. They specifically look for users accessing from 'mobile' devices and switch to the mobile site. Many such sites provide a link to go back to the 'full' site, if not, there's not a lot you can do except use a browser that can pretend not to be a mobile browser.

How do i get Safari to stop redirecting to mobile sites?

Mobile websites are a curse, and IMO was one of the main reasons people didn't use the mobile web before the iPhone. Now with the iPhone you can view the actual web (minus flash, which I would really like to see soon, hint hint), without having to deal with these crippled sites, yet most of them still redirect you to their mobile site.
Someone please tell me there is a way to get safari on the iPhone to stop redirecting to mobile sites without jailbreaking my phone.

These redirects are controlled by the websites themseives. They figure out if you are on a mobile phone or not and then redirect you to the mobile version.
The only way to change that is to look for a link on their site that leads to the full version or write the website webmaster asking them for a link to be added.
There are other ways as well but those aren't supported by Apple so they can't be discussed here.

Safari 5.1.2 showing mobile site on macbook pro

I keep having a an issues where my web pages look like this:
Here is what I've tried:
1. Open your Safari web browser by clicking on the Safari icon in the dock.
2. Click on Safari in your Safari menu, located at the top of your screen.
3. A drop-down menu will now appear. Choose the... option labeled Reset Safari....
4. A warning dialog will now appear detailing the items that will be removed.
5. Click the button on the dialog labeled Reset to complete the process.
6. Your Safari browser will now restart automatically.
*didn't work*
Then I tried:
From your Safari menu bar click Safari / Preferences - Advanced and make sure the Develop mode box is not checked. That way Safari will only load from your currently installed Safari version.
And from your Safari menu bar click Safari / Reset Safari. Select the top 7 buttons, click Reset.
*didn't work*
Any suggestions would be helpful.
Running Safari 5.1.2

I have the same problem on all browers, not just Safari. Some sites default to mobile (CNN, Weather.com among others), flagging user agent in Develop does not change the mobile default. Mac Genius Bar suggested reinstalling Snow Leopard could resolve the issue, installing Lion would certainly cure. Neither worked, Safari, Firefox, Chrome, Opera--all default to mobile on certain sites. I could live with the mobile sites, but losing view on WordPress is a pain (only html view shows now).

Is it possible to make a link in a mobile site close the browser window on the iPhone?

I'm developing a mobile site specifically for iPhone users and on my home page I have a disclaimer saying something like do not browse this site while driving. I give them the option to continue by clicking a link or to close the browser by clikcinga link. So far I haven't been able to find a script that can handle that for mobile, or more specifically, the iPhone. Can this be done on the iPhone and what versions are limited to this feature?

Ok let me ask you IF the IT department of your workplace does NOT want OS X installed on "THEIR" (The Companies) computers because of what they think is some type of security issue why are you trying to go against their wishes and install OS X on a computer that is NOT owned by you.
That could cost you your job.
If you continue down this path you will screw up the Windows install and have to take the system back to the IT department to get it fixed. What do you think they will say at that point?
Do as you like but you would be better off just buying your own Mac computer if you are set on using OS X as your personal operating system.

Trouble with mobile site. Displays for a second then screen goes black.

Trouble with mobile site. Displays for a second then screen goes black. Using safari, 4s on Verizon. Example: m.mlb.com/lad/

I hadn't checked the site since January or so, when it worked. It might be related to the Opening Weekend skin they have on the site, but for me, it shows the top part of the page for 3 seconds while it's loading (scrolling down is impossible) and then all of a sudden it turns black, showing nothing. It's that way for every MLB mobile site.
At first:
Two seconds later:
I noticed this on 4/7/12. Does anyone NOT have this problem?
Matt

Mobile Site - Need Accordion Widget to start at top of page upon item selection

I have set up a mobile site. I use the accordion widget for topics. If I select any topic without diving into it and scrolling, it works fine. If I scroll through a topic after selection, the next topic starts in the middle or the bottom. Kind of annoying for the user. Any ideas?
Thanks

Hi Kevin,
Could you please share the site URL or any screen shot for reference?
Regards,
Neha

Embeding Youtube video in a mobile site.

I can embed Youtube video in my normal site without problem. But the same video will not appear on my mobile site.
Is there anything special that needs to be done to make the video work?
I'm running out of ideas! Thanks.

Turns out it was down to using the old or new embed code from youtube.
There were also problems with Muse crashing once I embeded the correct code. I fixed using this:
http://forums.adobe.com/message/5431019#5431019

Where is the database connection for a mobile site?

I have a Flash mobile site that I didn't create, but need to edit. On clicking the submit button it checks that the login & password are in a SQL database. The problem is, I can't find the method that runs a query on the database or where the database is even connected. I've tried searching through the code for words like "SQL", "database", and "connection" without success. I stepped through the code where I find a call to method "super", but then it goes back to the original method and then the user is logged in. Can someone explain where the call to the database is?
Other things I'd like to know are: Where is the SQL Connection? In the main (non-mobile site), there is a web.config with a line that says
<add name="TPConnectionString1" connectionString="DataSource=xxx.xx.xxx.xx,xxxx\sqlexpress;Initial Catalog=TP;Persist Security Info=True;User ID=xxxxx" providerName="System.Data.SqlClient"/>
Where (what file: ex. web.config, xyz.as, etc.) would a similar line in the mobile code be?
What does super(type, bubbles, cancelable) do?
Here's the method for the submit button: LoginView.mxml
        private function btnclicked():void{ techController.username = txtUsername.text; techController.password = txtPassword.text; var evt:TechEvent = new TechEvent(TechEvent.LOGIN_USER); this.dispatchEvent(evt); }
Here's the TechEvent function that is called: TechEvent.as
    public function TechEvent(type: String, bubbles:Boolean=true, cancelable:Boolean=false) { super(type, bubbles, cancelable); }
Here's the dispatchEvent method: UIComponent.as
override public function dispatchEvent(event:Event):Boolean { if (dispatchEventHook != null) dispatchEventHook(event, this);    return super.dispatchEvent(event); }

You are looking for an event handler for the TechEvent.LOGIN_USER event.
Coding style looks similar to a SWIZ style framework, in which case, the event handlers could be defined using metadata [EventHandler] or [Mediate] tags, but could just be a plain simple .addEventListener(TectEvent.LOGIN_USER,fn); declaration earlier on.
Either way, this is what has happened:
1. User enters uname and password, then clicks button
2. Button click handler populates the techController with relevant values then dispatches an event to let the world know it has done so
3. The event handler checks the techController and makes the login call
4. Some time later, the server will respond and trigger another event that the app can respond to
G

Redirecting between a desktop-browser site and a mobile site

My company is inheriting a site built by another party in CQ5. This site is intended to be viewed on a desktop browser. We are tasked with building a mobile site for it. Our creative department would like the user's browser to be detected, and if the user requests a page on the desktop site from a mobile browser, they would be redirected to the mobile site. Is there any way to do this on the server side without disabling caching on the site?

true
nevertheless, you need it in places for uncached requests. additionally you have the options of:
- javascript redirect (allows you to build an "opt-out" for the user, i.e. the user wants to stay on desktop regardless of mobile device, via cookie)
<script language=javascript>

</script>
- apache configuration redirect
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^.*(mobile).*$ [NC]
RewriteRule ^$ http://m.example.com/ [L,R=302]
</IfModule>
dom.

Mobile site preview

Similar Messages

Maybe you are looking for