Aug 2018
5 / 5
Aug 2018
Aug 2018
max
Aug '18
1

Hallo zusammen,
könnte mir jemand einen Tipp geben, wie ich das Mobile-Theme von Pixelegg anpassen kann (egroupware-epl (17.1.20180720))?
Beim Desktop Template ist das ja einfach: dort kann ich unter pixelegg/css/ eine eigene css-Datei erstellen und dann in der Konfiguration dieses Template auswählen.
Allerdings kann ich keine Einstellungsmöglichkeiten für die Mobile-Version finden.

Wie kann ich am besten vorgehen um das Mobile-Theme zu ändern (es geht nur um einen div-Container)?

Danke und Gruß
Max

  • created

    Aug '18

  • last reply

    Aug '18
  • 4

    replies

  • 1.2k

    views

  • 3

    users

10 days later
StefanUEGroupware GmbH
Aug '18

Hallo Max,

bitte schreibe das noch einmal in Englisch und verschiebe das Thema nach Developers. Das ist was für Hadi…

Gruß
Stefan

8 days later
max
Aug '18
max

Hi,
due to Stefan’s suggestion I moved this topic to developers and I’m rewriting it in english.

Is there anybody who could give me a hint how to edit the mobile theme of Pixelegg?
With desktop template there is no difficulty: I can write my own css-file in the folder pixelegg/css/ and use this modified theme by selecting it in the configuration.
For mobile theme I can not find such settings.

What’s the best way for modifying the mobile theme (I only want to change a single div-container)?

Regards,
Max

hadi.nateghEGroupware GmbH
Aug '18

Hi Max,

Yes, me;)

You can create a custom mobile theme for your Pixelegg theme (Standard theme). What you need to do is to create pixelegg.css file (or generally your selected theme css filename) and place it under pixelegg/mobile/ folder. In your case as you just want to change a simple class, I do recommend you still include fw_mobile.css in your newly created pixelegg.css file because then you get all mobile template styles plus you still able to override whatever you want on top of it inside your pixelegg.css file.

Here is an example of pixelegg.css: pixelegg/mobile/pixelegg.css

@import “fw_mobile.css”;

MY DIV TO MODIFY {
display: none;
}

Hope this helps.

Best regards,

max
Aug '18

Hi,
yes, finally this is working for me!
Thanks a lot.

Max