Hi,

i have used dublin theme and hamburger is not working like when i am clicking on hamburger side menu doesnt dissapear. i want that when i click hambburger side menu appears and when i click it again menu dissapears.

I just tried a quick test using SilkUI and Dublin template, and I'm not seeing the behavior you're seeing. When I pull up the app on my phone, tapping the hamburger menu once opens the menu, and tapping again closes it.

What version of the OutSystems platform are you using? What version of Service Studio?

Have you updated your SilkUI Web to the most current version for your platform?

If you open the browser's dev tools, are there any errors in the console log?

Can you share a small repro as an OML? Or share the URL of the app that isn't working as expected?

Hello Avneet Taneja,


I am also facing same issue. I have checked that code they applied hierarchy for .phone class only thats why showing in phone not in web.

G. Andrew Duthie wrote:

I just tried a quick test using SilkUI and Dublin template, and I'm not seeing the behavior you're seeing. When I pull up the app on my phone, tapping the hamburger menu once opens the menu, and tapping again closes it.

What version of the OutSystems platform are you using? What version of Service Studio?

Have you updated your SilkUI Web to the most current version for your platform?

If you open the browser's dev tools, are there any errors in the console log?

Can you share a small repro as an OML? Or share the URL of the app that isn't working as expected?


I am facing issue on the desktop. when i inspect it and reduced the resolution to phone screen then its working. I want that to work on my desktop.

Hi Kavita,

Yes exactly the issue is what you said. I want it to work on my desktop. 

Solution

Avneet Taneja wrote:

Hi Kavita,

Yes exactly the issue is what you said. I want it to work on my desktop. 

ok.. 

SyntaxEditor Code Snippet

.Header .Button.Header_buttonMenu
{
display: block;
}
.Page.desktop.MenuOpen .Header,
.Page.desktop.MenuOpen .Content.ThemeGrid_Wrapper {
    left: 0px;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
}
.Page.desktop .Menu {
    left: -300px;
}
.Page.desktop.MenuOpen .Menu {
    left: 0px;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
}
.Page.desktop .Content.ThemeGrid_Wrapper
{
    left: 0;
}
.Page.desktop.MenuOpen .Content.ThemeGrid_Wrapper
{
    left: 300px;
}

It will work.

Solution

Kavita wrote:

Avneet Taneja wrote:

Hi Kavita,

Yes exactly the issue is what you said. I want it to work on my desktop. 

ok.. 

SyntaxEditor Code Snippet

.Header .Button.Header_buttonMenu
{
display: block;
}
.Page.desktop.MenuOpen .Header,
.Page.desktop.MenuOpen .Content.ThemeGrid_Wrapper {
    left: 0px;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
}
.Page.desktop .Menu {
    left: -300px;
}
.Page.desktop.MenuOpen .Menu {
    left: 0px;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
}
.Page.desktop .Content.ThemeGrid_Wrapper
{
    left: 0;
}
.Page.desktop.MenuOpen .Content.ThemeGrid_Wrapper
{
    left: 300px;
}

It will work.

Thanks a lot kavita. It worked.