Clarity

Hi! I need to change the logo on the login screen to show the company logo. I realized that Clarity v13 is not using images on '\CA\Clarity\webroot\ui\images' but instead is using a css file located in '\CA\Clarity\webroot\ui\uitk\css'.

I converted the image to base64 format and replaced the code in section: '#ppm_login_logo {background: url(data:image/png;base64, MYIMAGECODE); margin: -3px -10px -30px 15px; width: 156px; height: 60px;}'
I see that some modifications have taken effect since there is no logo where CA logo used to be, but I cannot see the logo I uploaded. There is just a space and then 'CA Clarity PPM' sentence.

I was able to upload this image to a new theme, but now I also want to upload the image on the login screen. I appreciate any help or ideas!!

Thanks!!
Florencia

Nevermind!!! I just corrected the base64 code and it worked just fine!!!

Thank you!
Flo

^ Good information though.

I noticed that I could affect the v13 icon images by editting one of the image files on the server, I forget which, I have it noted down somewhere though (in previous versions there were named icon files you could just replace in line with the ODF_IMAGES lookup), and I had to be careful that I editted it in a "good" image editor (eg GIMP not MSPaint) otherwise the image file got messed up.

--

EDIT : the v13 file was odf.png file in the ...\webroot\ui\uitk\images - it contains all the icon images in one PNG file.

(in earlier versions you could just create new icon files in the ../UI/evolution folder - so not sure how (if) I can add new images in V13 at all)

I did modify some icons on 12.1 versions, but haven't tried for v13 yet.

For theme edition I think it has improved a lot. I like it! :grin: I don't know much about html code, but it's been easier for me than to edit the images with a graphic editor from the images directory.

I'll play some more with the icons, will post any finding.

Cheers!

MSPaint? I didn't think that was still around! :lol:

Hi Florencia,

Could you please give some more details on this?
I tried adding the base 64 code to the css file , but somehow there was no change in the application.

If you can share some more details / steps followed that will be very helpful.

Thanks
SKJ

Hi Everyone,

I was able to change the login page.
The required changes:
1. go to $Clarity_Home\webroot\ui\uitk\css.
2. update the file clarity.min.css. provide the base64 value of the required image in this section #ppm_login_logo {background: url(data:image/png;base64,[/b]

Thanks
SKJ

Hi,

We too tried with the encoder and it partially works, still struggling with mapping the complete image though( of what we currently use) ; however we keep adding messages for downtimes to the login screen ; (which in 12.0 are one through .jgp files). Has someone been able to have a solution for the same.

Thanks.

Florencia,

Could you please share more information regarding MYIMAGECODE? Do i need to download Base64 de/encoder on my machine to generate the code or is there any other way?

Thanks
Gurjeet

Gurjeet.S wrote:

...or is there any other way?

"Outsource" the problem...

http://yellowgreen.de/image-to-base64-string-encoder/language/en_US/

:ph34r:

Thanks Dave for the Reply. I have already tried different encoder but our Firewall doesn't allow us to encode the image.

Hi Gurjeet.S!

I encoded my image on this page http://www.dailycoding.com/Utils/Converter/ImagetoBase64.aspx

I found some other web sites, but wasn't the correct coding.

Let me know if it works for you. You don't need to download it.

Regards!!
Flo