0
Welcome Guest! Login
0 items Join Now

SOLVED Order layout on mobile device and use Html editor

    • Bigfly's Avatar
    • Bigfly
    • Rocketeer
    • Posts: 89
    • Thanks: 12
    • New on Rockttheme

    SOLVED Order layout on mobile device and use Html editor

    Posted 3 years 4 months ago
    • Good morning,
      Few question :
      1/ Is it possible to control the order of the layout on tablet or mobile screen? For example I have on mobile my aside section witch appears before my "mainbar" "page content"...I would like the mainbar appear in firts on mobile...
      2/ Any possibility to use an html editor (JCE, Tiny etc...) in the Gantry Joomla module ?

      This image is hidden for guests.
      Please log in or register to see it.



      Thanks
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Order layout on mobile device and use Html editor

    Posted 3 years 4 months ago
    • Yes and no.

      Normally left to right content collapses to 100% width top to bottom on mobile viewport. If you want to change this order then you actually have to duplicate the content on your layout and put the duplicate in a different location. Then you give the original a class of "hidden-phone" and the new one a class of "visible-phone" https://docs.gantry.org/gantry5/tutorials/utility-classes .

      No, there is not possibility to use editors in the customhtml particle. It's a long requested feature but we simply don't have the time to add this feature.

      Regards, Mark.
    • The following users have thanked you: Bigfly

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Bigfly's Avatar
    • Bigfly
    • Rocketeer
    • Posts: 89
    • Thanks: 12
    • New on Rockttheme

    Re: SOLVED Order layout on mobile device and use Html editor

    Posted 3 years 4 months ago
    • Thanks,
      It's perfect
      Well notice. Duplicate have to be manualy? No duplicate button ?
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Order layout on mobile device and use Html editor

    Posted 3 years 4 months ago
    • You cannot duplicate on the same outline. But you can use "clone" inheritance in a different outline. To learn more https://docs.gantry.org/gantry5/configure/inheritance ,

      Regards, Mark.
    • The following users have thanked you: Bigfly

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Bigfly's Avatar
    • Bigfly
    • Rocketeer
    • Posts: 89
    • Thanks: 12
    • New on Rockttheme

    Re: SOLVED Order layout on mobile device and use Html editor

    Posted 3 years 4 months ago
    • Why outline?
      I expected to just duplicate manualy my "module position" in layout then apply your css instruction ("hidden-phone" and the new one a class of "visible-phone")?
      Thanks
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Order layout on mobile device and use Html editor

    Posted 3 years 4 months ago
    • Where is your "module position" - it's on an "outline" right? For a "module position" there is no big effort in manually duplicating that module position on the layout. However, if it were another particle (say a Gallery) then there would be hugh effort in duplicating it manually. You cannot duplicate a particle on the same outline, but what you can do is create another outline, and use gantry 5 inheritance to "clone" that particle to that other outline, then you can "clone" a copy of that back to the same outline you originallly had, thereby achieving "duplication" on the same outline and saving a lot of effort in recreating all the content.

      So basically I was answering your question about whether the duplication has to be manual.

      regmt
    • The following users have thanked you: Bigfly

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Bigfly's Avatar
    • Bigfly
    • Rocketeer
    • Posts: 89
    • Thanks: 12
    • New on Rockttheme

    Re: SOLVED Order layout on mobile device and use Html editor

    Posted 3 years 4 months ago
    • Ok Thanks for the process.
      For the moment I had just put my side bar on the right from aside in all situation (desktop/mobile) but I keep warm your solution for another situation and later.
      Thanks again !

Time to create page: 0.067 seconds