Responsive Emulator Devices List is Empty | Community
Skip to main content
October 16, 2015
Solved

Responsive Emulator Devices List is Empty

  • October 16, 2015
  • 6 replies
  • 4173 views

I have been attempting to get the responsive simulator working.

 

I am running 5.6, and I can see it working just fine when I go to geometrixx-media and switch to Preview mode to get the devices dropdown list and switch between them.

 

On my site, I have created the sling:OsgiConfig, setup the cq:deviceGroups and included the simulator.jsp, all as instructed on the documentation (http://dev.day.com/docs/en/cq/5-6/developing/mobile/responsive.html).

 

No matter what I do, all I'm able to get is the Devices and Rotate buttons to show visible, but Devices does not have any items within its menu.

 

I saw a prior discussion on this but the recommended fix (if we can call it that since the original poster never commented on his status) did not have any affect on my instance.

 

Any help is appreciated.

 

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by penguinant

Hi Jason,

If you are seeing the Devices button with no drop down that means CQ doesn't think the page is mobile enabled.

You can test this out by requesting http://localhost:4502/libs/wcm/core/content/pageinfo.json?path=<path to your site>

Do you see an "emulators" property in the returned JSON?

If you don't that means CQ doesn't think the resource type for the current page is a mobile page.

To verify this head on over to the OSGI web console http://localhost:4502/system/console/configMgr and search for "MobileEmulatorProvider".  Make sure your site's page component or some parent page component is listed as one of the mobile resource types.  If your resourceType is not listed it probably means your OSGI Config is not setup correctly.  Verify the name of your config.xml is unique (ie. don't copy the geometrixx sample without renaming it first).

Hopefully these suggestions help you out.

Anthony

6 replies

smacdonald2008
New Participant
October 16, 2015

IF you are following the documentation and its not working -- then you have encountered a bug - please open a ticket at:

http://helpx.adobe.com/marketing-cloud/contact-support.html

penguinantAccepted solution
Employee
October 16, 2015

Hi Jason,

If you are seeing the Devices button with no drop down that means CQ doesn't think the page is mobile enabled.

You can test this out by requesting http://localhost:4502/libs/wcm/core/content/pageinfo.json?path=<path to your site>

Do you see an "emulators" property in the returned JSON?

If you don't that means CQ doesn't think the resource type for the current page is a mobile page.

To verify this head on over to the OSGI web console http://localhost:4502/system/console/configMgr and search for "MobileEmulatorProvider".  Make sure your site's page component or some parent page component is listed as one of the mobile resource types.  If your resourceType is not listed it probably means your OSGI Config is not setup correctly.  Verify the name of your config.xml is unique (ie. don't copy the geometrixx sample without renaming it first).

Hopefully these suggestions help you out.

Anthony

October 16, 2015
Content backfill required
Employee
October 16, 2015

Well that is a little more odd then.  If you are seeing emulators defined in the JSON for the same page you are trying to preview then those emulators should be showing up under the Devices button.

It doesn't feel like there is a bug yet but you could open up a web inspector in your browser to see if any Javascript errors are occurring when entering Preview mode.  You could also check the network inspector to verify the pageInfo.json that is requested for the page in question definitely contains the list of emulators.

October 16, 2015

Anthony.R wrote...

Well that is a little more odd then.  If you are seeing emulators defined in the JSON for the same page you are trying to preview then those emulators should be showing up under the Devices button.

It doesn't feel like there is a bug yet but you could open up a web inspector in your browser to see if any Javascript errors are occurring when entering Preview mode.  You could also check the network inspector to verify the pageInfo.json that is requested for the page in question definitely contains the list of emulators.

 

No JS errors in the console, and I see all the emulators in the pageInfo.json response.  I also threw in a breakpoint at the launch function within simulator.js and I *do* see the emulators within the config object, but it still doesn't draw in the emulators to the list.

Employee
October 16, 2015

The addition of emulators to the devices button is done deep within the Sidekick JS code.

There is a getPreviewPanelConfig() function that adds the buttons and then getEmulatorMenuConfig() is called which looks up pageInfo["emulators"] and iterates through the array.

For some reason your specific use case is causing an un-handled failure to occur on the client.  A bug may need to be logged if you are unable to solve the issue on your end.