249
Views
13
Comments
Solved
Web responsive application on version 11
Question

hi all,

I am working on a website by creating web application (top menu theme) with the web responsive in order to available for the mobile view.

but i find a issue that when i finished the development on the website and open the mobile view, most of the thing is broken. May i know did anything i did it wrong or some setting i missed?

 

it is just a demo and there is the same issue for my own website. i just create the webscreen by using the sample.

i assume that the mobile view just like the SILK UI (at least SILK UI is working for the menu bar). 

Thanks all.

Rank: #33671
Solution

Pankaj pant wrote:

Hi Chin,

As I tested your application in the real device.

It is working fine please look at the screens but it should also work in the emulator.



Regards,

Pankaj 

Hi Pankaj,

Thanks for testing! i think i may found the reason why i cannot display normally.

But may i have the other related question? That's mean i cannot show the screen correctly when i am making changes on Service Studio? 

Thanks!


Champion
Rank: #36

Hi Chin,


Just now created a website using os11 the responsive part is working as aspected.

Can you please share the URL so that we can take a look at HTML DOM to verify the issue.


Regards,

Pankaj Pant

Rank: #8916

Hi Chin Hin Wan,


You will have to customize the CSS for different devices like:


.desktop .StyleClassName {

// CSS Code here

}


.phone .StyleClassName {

// CSS Code here

}


.tablet .StyleClassName {

// CSS Code here

}


Regards,

Rushabh Shah

Rank: #299

Hi Chin,

I think you are monitoring your changes in Service Studio.

Can you run your web application on your Mobile Browser. It should work as expected.

Also you can run your web application in Web Browser(i.e. Google Chrome) and use Toggle Device Toolbar to quickly check your application responsiveness.
i.e. Google Chrome -> F12 -> Ctrl+Shift+M -> Select the desired device from dropdown list.

Regards,
Palak Patel

Champion
Rank: #36

Hi Chin,

As I tested your application in the real device.

It is working fine please look at the screens but it should also work in the emulator.



Regards,

Pankaj 

Champion
Rank: #36

It seems you can't but it should show.


Regards,

Pankaj