Put logo in Login form

Tobayas Eaton

unread,

Jul 18, 2018, 4:13:31 AM7/18/18

to mapstore-users

Hi, Is there any way to put a logo picture inside the login form? I just want to achieve like that attached photo. thank you.

Mauro Bartolomeoli

unread,

Jul 18, 2018, 4:39:23 AM7/18/18

to mapstor...@googlegroups.com

Hi Tobayas,

you should be able to do that using css, applyed to the login modal-body, something similar to this should work:

{

padding-top: 150px;

background-image: url(https://github.com/geosolutions-it/MapStore2/blob/master/MapStore2.png?raw=true);

background-repeat: no-repeat;

}

Il giorno mer 18 lug 2018 alle ore 10:13 Tobayas Eaton <tobaya...@gmail.com> ha scritto:

Hi, Is there any way to put a logo picture inside the login form? I just want to achieve like that attached photo. thank you.

--
You received this message because you are subscribed to the Google Groups "mapstore-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mapstore-user...@googlegroups.com.
To post to this group, send email to mapstor...@googlegroups.com.
Visit this group at https://groups.google.com/group/mapstore-users.
For more options, visit https://groups.google.com/d/optout.

--

Regards,

Mauro Bartolomeoli

==
GeoServer Professional Services from the experts! Visit http://goo.gl/it488V for more information.
==

Dott. Mauro Bartolomeoli
@mauro_bart
Technical Lead

GeoSolutions S.A.S.
Via di Montramito 3/A
55054 Massarosa (LU)
Italy
phone: +39 0584 962313
fax: +39 0584 1660272

http://www.geo-solutions.it
http://twitter.com/geosolutions_it

-------------------------------------------------------

Con riferimento alla normativa sul trattamento dei dati personali (Reg. UE 2016/679 - Regolamento generale sulla protezione dei dati “GDPR”), si precisa che ogni circostanza inerente alla presente email (il suo contenuto, gli eventuali allegati, etc.) è un dato la cui conoscenza è riservata al/i solo/i destinatario/i indicati dallo scrivente. Se il messaggio Le è giunto per errore, è tenuta/o a cancellarlo, ogni altra operazione è illecita. Le sarei comunque grato se potesse darmene notizia.

This email is intended only for the person or entity to which it is addressed and may contain information that is privileged, confidential or otherwise protected from disclosure. We remind that - as provided by European Regulation 2016/679 “GDPR” - copying, dissemination or use of this e-mail or the information herein by anyone other than the intended recipient is prohibited. If you have received this email by mistake, please notify us immediately by telephone or e-mail.

Tobayas Eaton

unread,

Jul 23, 2018, 2:52:28 AM7/23/18

to mapstore-users

Hi Mauro, from where should I paste that code?, I am just using the Binary Package. is there any way?

Mauro Bartolomeoli

unread,

Jul 24, 2018, 3:41:02 AM7/24/18

to mapstor...@googlegroups.com

Hi Tobayas,

you can add your style overrides directly in the main HTML file (index.html) or include an external css file from it (I would suggest the second option).

Tobayas Eaton

unread,

Jul 30, 2018, 11:34:20 PM7/30/18

to mapstore-users

Hi Mauro,

I tried to override the css code in (index.html) but it won't work. then i was trying to follow the second option but I got a little bit confusion. how can i do that? thanks.

On Tuesday, July 24, 2018 at 3:41:02 PM UTC+8, Mauro Bartolomeoli wrote:

Hi Tobayas,

Mauro Bartolomeoli

unread,

Jul 31, 2018, 3:16:57 AM7/31/18

to mapstor...@googlegroups.com

Hi Tobayas,

first of all, I would suggest to get basic knowledge of MapStore2 basic technologies if you need to customize it (starting from HTML + CSS at least, plus some JSON and eventually javascript).

For your specific purpose, you can try the following steps:

1) create a mapstore.css file in same folder as index.html, and the following content (or similar):

#container div[role="dialog"] .modal-dialog .modal-content .modal-body {

padding-top: 150px;

background-image: url(https://github.com/geosolutions-it/MapStore2/blob/master/MapStore2.png?raw=true);

background-repeat: no-repeat;

}

2) include mapstore.css modifying index.html this way:

<html>

<head>

..........

</head>

...........

</html>

--
You received this message because you are subscribed to the Google Groups "mapstore-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mapstore-user...@googlegroups.com.
To post to this group, send email to mapstor...@googlegroups.com.
Visit this group at https://groups.google.com/group/mapstore-users.
For more options, visit https://groups.google.com/d/optout.

--

Regards,

Mauro Bartolomeoli

==
GeoServer Professional Services from the experts! Visit http://goo.gl/it488V for more information.
==

Dott. Mauro Bartolomeoli
@mauro_bart
Technical Lead

GeoSolutions S.A.S.
Via di Montramito 3/A
55054 Massarosa (LU)
Italy

mobile: +39 393 904 1756

phone: +39 0584 962313
fax: +39 0584 1660272

http://www.geo-solutions.it
http://twitter.com/geosolutions_it

-------------------------------------------------------

Tobayas Eaton

unread,

Aug 6, 2018, 4:16:19 AM8/6/18

to mapstore-users

Hi Mauro,

Thanks for taking time to answer my question. by the the it works! Thankyou.

On Tuesday, July 31, 2018 at 3:16:57 PM UTC+8, Mauro Bartolomeoli wrote:

Hi Tobayas,

Reply all

Reply to author

Forward