Page 1 of 1

Layout Mode

Posted: 14 Sep 2018, 22:36
by brayanesc
Hi! I was trying the different layout modes (slim,static,overlay,horizontal) and It got stucked in toggle after I chose it, also I wanted to know if there was a mode that open the selections to the right and pushes the main content.

Thanks,
B.

Re: Layout Mode

Posted: 04 Oct 2018, 13:02
by cagatay.civici
Not sure what you mean by stucked in toggle, a screen recording will help. Regarding layouts, in mobile mode, content is pushed when menu gets opened however in desktop mode there is none.

Re: Layout Mode

Posted: 06 Dec 2018, 16:28
by teamdesarrolloqc
I have a problem with the menu.

None of the properties of the design works. It never goes horizontal, thin or static.
How can i fix this.

thanks

==============================================================

Tengo un problema con el menĂº.

Ninguna de las propiedades del layout funciona, Nunca pasa a horizontal, ni slim, ni static..
Como puedo solucionar esto.

Re: Layout Mode

Posted: 11 Dec 2018, 09:03
by merve7
Hi teamdesarrolloqc,
What is your screen size?
Manhattan uses mobile mode for small than 1280px width and you can use the only static menu in mobile mode but you can change this in app.menu.component.ts file.

Re: Layout Mode

Posted: 11 Dec 2018, 16:50
by teamdesarrolloqc
Hi merve7

My screen Resolution is (1280*800), specifically in which part that app.menu.component.ts can I change this?

Thanks for the answer.

Re: Layout Mode

Posted: 12 Dec 2018, 13:01
by merve7
Hi,
Yes, you can change this size. So sorry, I wrote wrong file name it is app.component.ts not app.menu.component.ts. You can make changes between lines 177 and 188 in app.component.ts. Also, you need to change mobile breakpoint in src/assets/sass/layout/_variables.scss.
For example;
in app.component.ts

Code: Select all

//other codes
    isMobile() {
        return window.innerWidth < 640;
    }

    isDesktop() {
        return window.innerWidth > 1024;
    }

    isTablet() {
        const width = window.innerWidth;
        return width <= 1024 && width > 640;
    }
in _variables.scss

Code: Select all

//other codes
$mobileBreakpoint:1024px;