You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@guacamole.apache.org by Robert Dinse <na...@eskimo.com.INVALID> on 2023/07/31 07:13:06 UTC
Login Screen
Is there a way to add additional text, a background image, or
otherwise theme and decorate this rather dismal login page?
Login Page
Re: R: Login Screen
Posted by Robert Dinse <na...@eskimo.com.INVALID>.
It turns out that what I was looking at whas the source that
Firefox generated to display the page source of the application :(, but
for some reason Firefox will not save the page source if I use the save
function.
On 7/31/23 04:51, Nick Couchman wrote:
> On Mon, Jul 31, 2023 at 4:11 AM Robert Dinse
> <na...@eskimo.com.invalid> wrote:
>
> Now that I've looked at the page code, it is ugly, a whole
> bunch of <span></span> with NOTHING in between, no class, no id,
> no obvious reason to exist other than to obfuscate the code.
> Argh! Can't anything be easy? Logical? Well laid out? And it's
> ONE LONG LINE, not a single linefeed.
>
>
> Which page are you looking at, here? Are you talking about the page
> source when use the browser tools to inspect it? Or the actual source
> code at the URLs the Lorenzo mentioned?
>
> I would agree that looking at the page source can be daunting and not
> particularly useful in many cases. This is in large part because the
> HTML is dynamically put together by the web application running in
> Tomcat (or whatever web application server you're running). It's much
> more useful to look at the actual source code.
>
> If there are bits about the branding extension example that Lorenzo
> linked to, within the Guacamole Client source, that are confusing or
> need further clarification, we'd certainly appreciate feedback on
> those. That example branding extension is designed to be something you
> can either look at to get a feel for how to write your own, or just
> download a copy of it and use it as a starting point and customize it
> to fit your needs. It covers things like changing fonts, header text,
> logo, etc. - if there are other things that would be useful to add to
> it, we can certainly improve upon it.
>
> -Nick
>
Re: R: Login Screen
Posted by Nick Couchman <vn...@apache.org>.
On Mon, Jul 31, 2023 at 4:11 AM Robert Dinse <na...@eskimo.com.invalid>
wrote:
> Now that I've looked at the page code, it is ugly, a whole bunch of
> <span></span> with NOTHING in between, no class, no id, no obvious reason
> to exist other than to obfuscate the code. Argh! Can't anything be
> easy? Logical? Well laid out? And it's ONE LONG LINE, not a single
> linefeed.
>
Which page are you looking at, here? Are you talking about the page source
when use the browser tools to inspect it? Or the actual source code at the
URLs the Lorenzo mentioned?
I would agree that looking at the page source can be daunting and not
particularly useful in many cases. This is in large part because the HTML
is dynamically put together by the web application running in Tomcat (or
whatever web application server you're running). It's much more useful to
look at the actual source code.
If there are bits about the branding extension example that Lorenzo linked
to, within the Guacamole Client source, that are confusing or need further
clarification, we'd certainly appreciate feedback on those. That example
branding extension is designed to be something you can either look at to
get a feel for how to write your own, or just download a copy of it and use
it as a starting point and customize it to fit your needs. It covers things
like changing fonts, header text, logo, etc. - if there are other things
that would be useful to add to it, we can certainly improve upon it.
-Nick
>
R: R: R: Login Screen
Posted by MAURIZI Lorenzo <l....@comune.jesi.an.it>.
Here it is.
I changed the texts and logos to make it more generic.
I kept the disclaimer on top of the connections page. If you don’t need it, you can get rid of html folder, and you need to update the guac-manifest.json accordingly, deleting the rows 12-14.
I put two translations to change the welcome text over the login form, in english and italian. If you need more or different languages, you should put a xx.json file into “translation” directory (where xx is the two letter ISO code of the language) and change the guac-manifest.json accordingly.
Also change the version of guacamole in the file guac-manifest.json on the first row, if needed.
As you can see it’s very basic, and maybe the disclaimer could be put in a different way, but for my needs it’s perfect.
When done changing logos, texts etc you should zip the entire “redwhite-branding” (or any other name you would give to this folder, i suggest to change also the namespace in guac-manifest.json) and change its extension to .jar and then load this new extension into Guacamole.
Regards.
Lorenzo
Da: Yves Auffret <ya...@gmail.com>
Inviato: lunedì 31 luglio 2023 15:25
A: user@guacamole.apache.org; MAURIZI Lorenzo <l....@comune.jesi.an.it>
Oggetto: Re: R: R: Login Screen
Dear Lorenzo,
Very nice personalized home page, please could you share your source code ?
Regards,
YA
Le 31 juillet 2023 à 13:30:18, MAURIZI Lorenzo (l.maurizi@comune.jesi.an.it<ma...@comune.jesi.an.it>) a écrit:
Dear Robert,
my personalized home page (and also a disclaimer message on top of the connections page) is like this:
[cid:image001.jpg@01D9C459.2E07B210]
[cid:image002.jpg@01D9C459.2E07B210]
And I obtained this with a few files:
W:\guacamole\comjesi-branding>tree /f
│ guac-manifest.json
│
├───css
│ comjesi.css
│
├───html
│ loginDisclaimer.html
│
├───images
│ logo-144.png
│ logo-64.png
│ logo.svg
│
└───translations
en.json
it.json
And the files are very small:
10 rows for comjesi.css
10 rows for loginDisclaimer.html (that is used for the disclaimer on top of the connections page, it is not used for login redesign)
5 rows for each of the .json translation files
The longest file is the guac-manifest.json that is 26 rows of text.
Maybe you should inspect the guacamole client pages with the Developer tools of the web browser to have a better view of the html code.
In any case I can send you my solution and you need only to change colors in the css file and the image files for logos and favicon.
Regards.
Lorenzo
Da: Robert Dinse <na...@eskimo.com.INVALID>>
Inviato: lunedì 31 luglio 2023 10:11
A: user@guacamole.apache.org<ma...@guacamole.apache.org>
Oggetto: Re: R: Login Screen
Now that I've looked at the page code, it is ugly, a whole bunch of <span></span> with NOTHING in between, no class, no id, no obvious reason to exist other than to obfuscate the code. Argh! Can't anything be easy? Logical? Well laid out? And it's ONE LONG LINE, not a single linefeed.
On 7/31/23 00:33, Robert Dinse wrote:
Thank you much!
On 7/31/23 00:18, MAURIZI Lorenzo wrote:
You can check this part of the manual:
https://guacamole.apache.org/doc/gug/guacamole-ext.html#updating-existing-html
In particular, I based my “branding” extension upon this code (referred in the manual):
https://github.com/apache/guacamole-client/tree/master/doc/guacamole-branding-example
Regards.
Lorenzo
Da: Robert Dinse <na...@eskimo.com.INVALID>
Inviato: lunedì 31 luglio 2023 09:13
A: user@guacamole.apache.org<ma...@guacamole.apache.org>
Oggetto: Login Screen
Is there a way to add additional text, a background image, or otherwise theme and decorate this rather dismal login page?
[Login Page]
Re: R: R: Login Screen
Posted by Yves Auffret <ya...@gmail.com>.
Dear Lorenzo,
Very nice personalized home page, please could you share your source code ?
Regards,
YA
Le 31 juillet 2023 à 13:30:18, MAURIZI Lorenzo (l.maurizi@comune.jesi.an.it)
a écrit:
Dear Robert,
my personalized home page (and also a disclaimer message on top of the
connections page) is like this:
And I obtained this with a few files:
W:\guacamole\comjesi-branding>tree /f
│ guac-manifest.json
│
├───css
│ comjesi.css
│
├───html
│ loginDisclaimer.html
│
├───images
│ logo-144.png
│ logo-64.png
│ logo.svg
│
└───translations
en.json
it.json
And the files are very small:
10 rows for comjesi.css
10 rows for loginDisclaimer.html (that is used for the disclaimer on top of
the connections page, it is not used for login redesign)
5 rows for each of the .json translation files
The longest file is the guac-manifest.json that is 26 rows of text.
Maybe you should inspect the guacamole client pages with the Developer
tools of the web browser to have a better view of the html code.
In any case I can send you my solution and you need only to change colors
in the css file and the image files for logos and favicon.
Regards.
Lorenzo
*Da:* Robert Dinse <na...@eskimo.com.INVALID>
*Inviato:* lunedì 31 luglio 2023 10:11
*A:* user@guacamole.apache.org
*Oggetto:* Re: R: Login Screen
Now that I've looked at the page code, it is ugly, a whole bunch of
<span></span> with NOTHING in between, no class, no id, no obvious reason
to exist other than to obfuscate the code. Argh! Can't anything be
easy? Logical? Well laid out? And it's ONE LONG LINE, not a single
linefeed.
On 7/31/23 00:33, Robert Dinse wrote:
Thank you much!
On 7/31/23 00:18, MAURIZI Lorenzo wrote:
You can check this part of the manual:
https://guacamole.apache.org/doc/gug/guacamole-ext.html#updating-existing-html
In particular, I based my “branding” extension upon this code (referred in
the manual):
https://github.com/apache/guacamole-client/tree/master/doc/guacamole-branding-example
Regards.
Lorenzo
*Da:* Robert Dinse <na...@eskimo.com.INVALID> <na...@eskimo.com.INVALID>
*Inviato:* lunedì 31 luglio 2023 09:13
*A:* user@guacamole.apache.org
*Oggetto:* Login Screen
Is there a way to add additional text, a background image, or
otherwise theme and decorate this rather dismal login page?
[image: Login Page]
Re: R: R: Login Screen
Posted by Robert Dinse <na...@eskimo.com.INVALID>.
Very Nice!
On 7/31/23 04:30, MAURIZI Lorenzo wrote:
>
> Dear Robert,
>
> my personalized home page (and also a disclaimer message on top of the
> connections page) is like this:
>
> And I obtained this with a few files:
>
> W:\guacamole\comjesi-branding>tree /f
>
> │ guac-manifest.json
>
> │
>
> ├───css
>
> │ comjesi.css
>
> │
>
> ├───html
>
> │ loginDisclaimer.html
>
> │
>
> ├───images
>
> │ logo-144.png
>
> │ logo-64.png
>
> │ logo.svg
>
> │
>
> └───translations
>
> en.json
>
> it.json
>
> And the files are very small:
>
> 10 rows for comjesi.css
>
> 10 rows for loginDisclaimer.html (that is used for the disclaimer on
> top of the connections page, it is not used for login redesign)
>
> 5 rows for each of the .json translation files
>
> The longest file is the guac-manifest.json that is 26 rows of text.
>
> Maybe you should inspect the guacamole client pages with the Developer
> tools of the web browser to have a better view of the html code.
>
> In any case I can send you my solution and you need only to change
> colors in the css file and the image files for logos and favicon.
>
> Regards.
>
> Lorenzo
>
> *Da:*Robert Dinse <na...@eskimo.com.INVALID>
> *Inviato:* lunedì 31 luglio 2023 10:11
> *A:* user@guacamole.apache.org
> *Oggetto:* Re: R: Login Screen
>
> Now that I've looked at the page code, it is ugly, a whole bunch
> of <span></span> with NOTHING in between, no class, no id, no obvious
> reason to exist other than to obfuscate the code. Argh! Can't
> anything be easy? Logical? Well laid out? And it's ONE LONG LINE,
> not a single linefeed.
>
> On 7/31/23 00:33, Robert Dinse wrote:
>
> Thank you much!
>
> On 7/31/23 00:18, MAURIZI Lorenzo wrote:
>
> You can check this part of the manual:
>
> https://guacamole.apache.org/doc/gug/guacamole-ext.html#updating-existing-html
>
> In particular, I based my “branding” extension upon this code
> (referred in the manual):
>
> https://github.com/apache/guacamole-client/tree/master/doc/guacamole-branding-example
>
> Regards.
>
> Lorenzo
>
> *Da:*Robert Dinse <na...@eskimo.com.INVALID>
> <ma...@eskimo.com.INVALID>
> *Inviato:* lunedì 31 luglio 2023 09:13
> *A:* user@guacamole.apache.org
> *Oggetto:* Login Screen
>
> Is there a way to add additional text, a background
> image, or otherwise theme and decorate this rather dismal
> login page?
>
> Login Page
>
R: R: Login Screen
Posted by MAURIZI Lorenzo <l....@comune.jesi.an.it>.
Dear Robert,
my personalized home page (and also a disclaimer message on top of the connections page) is like this:
[cid:image006.jpg@01D9C3B3.22552CF0]
[cid:image007.jpg@01D9C3B3.22552CF0]
And I obtained this with a few files:
W:\guacamole\comjesi-branding>tree /f
│ guac-manifest.json
│
├───css
│ comjesi.css
│
├───html
│ loginDisclaimer.html
│
├───images
│ logo-144.png
│ logo-64.png
│ logo.svg
│
└───translations
en.json
it.json
And the files are very small:
10 rows for comjesi.css
10 rows for loginDisclaimer.html (that is used for the disclaimer on top of the connections page, it is not used for login redesign)
5 rows for each of the .json translation files
The longest file is the guac-manifest.json that is 26 rows of text.
Maybe you should inspect the guacamole client pages with the Developer tools of the web browser to have a better view of the html code.
In any case I can send you my solution and you need only to change colors in the css file and the image files for logos and favicon.
Regards.
Lorenzo
Da: Robert Dinse <na...@eskimo.com.INVALID>
Inviato: lunedì 31 luglio 2023 10:11
A: user@guacamole.apache.org
Oggetto: Re: R: Login Screen
Now that I've looked at the page code, it is ugly, a whole bunch of <span></span> with NOTHING in between, no class, no id, no obvious reason to exist other than to obfuscate the code. Argh! Can't anything be easy? Logical? Well laid out? And it's ONE LONG LINE, not a single linefeed.
On 7/31/23 00:33, Robert Dinse wrote:
Thank you much!
On 7/31/23 00:18, MAURIZI Lorenzo wrote:
You can check this part of the manual:
https://guacamole.apache.org/doc/gug/guacamole-ext.html#updating-existing-html
In particular, I based my “branding” extension upon this code (referred in the manual):
https://github.com/apache/guacamole-client/tree/master/doc/guacamole-branding-example
Regards.
Lorenzo
Da: Robert Dinse <na...@eskimo.com.INVALID>
Inviato: lunedì 31 luglio 2023 09:13
A: user@guacamole.apache.org<ma...@guacamole.apache.org>
Oggetto: Login Screen
Is there a way to add additional text, a background image, or otherwise theme and decorate this rather dismal login page?
[Login Page]
Re: R: Login Screen
Posted by Robert Dinse <na...@eskimo.com.INVALID>.
Not that I don't appreciate it but I think I'm in over my head,
did not appreciate the degree of complexity involved. The page LOOKS
simple, but isn't.
On 7/31/23 01:48, Ivanmarcus wrote:
> Robert,
>
> I thought it was decent of Lorenzo to respond and point out his
> solution and share the code...
>
> ... and having had a quick look it seems fine to me. Perhaps I've not
> found the section you're referring to, but if there is an issue maybe
> you could contribute a PR to him via github? Not sure such comments
> are especially useful here.
>
> Otherwise, in my earlier post, I did at one point refer to mitmproxy
> which you can find via: https://mitmproxy.org/
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: user-unsubscribe@guacamole.apache.org
> For additional commands, e-mail: user-help@guacamole.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@guacamole.apache.org
For additional commands, e-mail: user-help@guacamole.apache.org
Re: R: Login Screen
Posted by Ivanmarcus <iv...@yahoo.com.INVALID>.
Robert,
I thought it was decent of Lorenzo to respond and point out his solution
and share the code...
... and having had a quick look it seems fine to me. Perhaps I've not
found the section you're referring to, but if there is an issue maybe
you could contribute a PR to him via github? Not sure such comments are
especially useful here.
Otherwise, in my earlier post, I did at one point refer to mitmproxy
which you can find via: https://mitmproxy.org/
---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@guacamole.apache.org
For additional commands, e-mail: user-help@guacamole.apache.org
Re: R: Login Screen
Posted by Robert Dinse <na...@eskimo.com.INVALID>.
Now that I've looked at the page code, it is ugly, a whole bunch
of <span></span> with NOTHING in between, no class, no id, no obvious
reason to exist other than to obfuscate the code. Argh! Can't
anything be easy? Logical? Well laid out? And it's ONE LONG LINE, not
a single linefeed.
On 7/31/23 00:33, Robert Dinse wrote:
>
> Thank you much!
>
> On 7/31/23 00:18, MAURIZI Lorenzo wrote:
>>
>> You can check this part of the manual:
>>
>> https://guacamole.apache.org/doc/gug/guacamole-ext.html#updating-existing-html
>>
>> In particular, I based my “branding” extension upon this code
>> (referred in the manual):
>>
>> https://github.com/apache/guacamole-client/tree/master/doc/guacamole-branding-example
>>
>> Regards.
>>
>> Lorenzo
>>
>> *Da:*Robert Dinse <na...@eskimo.com.INVALID>
>> *Inviato:* lunedì 31 luglio 2023 09:13
>> *A:* user@guacamole.apache.org
>> *Oggetto:* Login Screen
>>
>> Is there a way to add additional text, a background image, or
>> otherwise theme and decorate this rather dismal login page?
>>
>> Login Page
>>
Re: R: Login Screen
Posted by Robert Dinse <na...@eskimo.com.INVALID>.
Thank you much!
On 7/31/23 00:18, MAURIZI Lorenzo wrote:
>
> You can check this part of the manual:
>
> https://guacamole.apache.org/doc/gug/guacamole-ext.html#updating-existing-html
>
> In particular, I based my “branding” extension upon this code
> (referred in the manual):
>
> https://github.com/apache/guacamole-client/tree/master/doc/guacamole-branding-example
>
> Regards.
>
> Lorenzo
>
> *Da:*Robert Dinse <na...@eskimo.com.INVALID>
> *Inviato:* lunedì 31 luglio 2023 09:13
> *A:* user@guacamole.apache.org
> *Oggetto:* Login Screen
>
> Is there a way to add additional text, a background image, or
> otherwise theme and decorate this rather dismal login page?
>
> Login Page
>
R: Login Screen
Posted by MAURIZI Lorenzo <l....@comune.jesi.an.it>.
You can check this part of the manual:
https://guacamole.apache.org/doc/gug/guacamole-ext.html#updating-existing-html
In particular, I based my “branding” extension upon this code (referred in the manual):
https://github.com/apache/guacamole-client/tree/master/doc/guacamole-branding-example
Regards.
Lorenzo
Da: Robert Dinse <na...@eskimo.com.INVALID>
Inviato: lunedì 31 luglio 2023 09:13
A: user@guacamole.apache.org
Oggetto: Login Screen
Is there a way to add additional text, a background image, or otherwise theme and decorate this rather dismal login page?
[Login Page]
Re: Login Screen
Posted by "Molina de la Iglesia, Manuel" <ma...@veolia.com.INVALID>.
Hi,
You can do it with this plugin:
https://github.com/Zer0CoolX/guacamole-customize-loginscreen-extension
*Manel Molina*
*manuel.molina-de-la-iglesia@veolia.com
<ma...@veolia.com>*
*Dirección de Ciberseguridad*
Ciutat de L’Aigua (D38)
Paseo de la Zona Franca, 48
08038 Barcelona / España
www.veolia.com
<https://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fprotect2.fireeye.com%2Fv1%2Furl%3Fk%3D31323334-501d5122-31356fd6-454445555731-a8425f343e5c4fad%26q%3D1%26e%3D30530535-2971-48a4-8441-12c02ea4dc09%26u%3Dhttps%253A%252F%252Feur01.safelinks.protection.outlook.com%252F%253Furl%253Dhttp%25253A%25252F%25252Fwww.veolia.com%25252F%2526data%253D05%25257C01%25257Csergi.carmona%252540agbar.es%25257C4c93dad3808642dd7ec308da3ccb99ab%25257Cf4a12867922d4b9dbb859ee7898512a0%25257C0%25257C0%25257C637889142388029142%25257CUnknown%25257CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%25253D%25257C3000%25257C%25257C%25257C%2526sdata%253DJJM7r2MgHUaiuJD%25252Bk2xlr3opNEFsJkp%25252Byh2MJq0XRS0%25253D%2526reserved%253D0&data=05%7C01%7Coriol.val%40agbar.es%7C8a3587bd93134628cf9908da4d2baf8e%7Cf4a12867922d4b9dbb859ee7898512a0%7C0%7C0%7C637907147446774859%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=5Vjff2WWXgkB77AldZ5g116HPKmbRv1h5PRjQjH9k0o%3D&reserved=0>
El lun, 31 jul 2023 a las 9:14, Robert Dinse (<na...@eskimo.com.invalid>)
escribió:
>
> Is there a way to add additional text, a background image, or
> otherwise theme and decorate this rather dismal login page?
> [image: Login Page]
>