Sign In/Out text color
After upgrading to 4.1.3, I found an annoying little issue with the sign in/sign out feature. If you use the old stock blue theme with the viewer the "Sign In" and "Sign Out" text becomes unreadable. Does anyone know how to change that color to either white or black?
Thanks./customer/servlet/servlet.FileDownload?file=00P6000000elzkpEAA
-
Hi Jim,
As of version 2.2, you can change the color of the Sign In and Sign Out text through a theme.xaml file. The key you are looking for is:
<SolidColorBrush x:Key="UserLinkColor">#FF1B7DBF</SolidColorBrush>
If you are not familiar with how a theme.xaml file can be used to customize the appearance of the Silverlight viewer, please refer to the 'Change the Look and Feel' section of the Adminsitrator and Developer Guide. The sub-section dealing with themes is titled, 'Configure Fonts and Colors Using Themes'.
Cheers,
-Darren
0 -
Perfect. Thanks Darren.
0 -
Hi guys,
But how to change the color of the background from blue to white?
Which part of the code needs to be edited?
/customer/servlet/servlet.FileDownload?file=00P6000000em17rEAA
0 -
Hi Jamal,
The key you are looking for in the theme.xaml is:
<SolidColorBrush x:Key="AppBackground">#FFFFFFFF</SolidColorBrush>
Cheers,
-Darren
0 -
Thanks Darren. It works fine
Best
Jamal
0 -
I'm curious where this same sign-in text color theme parameter is found on the HTML5 viewer. Any ideas?
0 -
Just thought I'd add that this can be done in the SLV by adding to the viewer.xml, instead of creating a new theme.xaml
horses for courses as they say.
I've added:
<Resources>
<Xaml>
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:System="clr-namespace:System;assembly=mscorlib">
<Color x:Key="HighlightFillColor">#00FFFFFF</Color>
<Color x:Key="HighlightBorderColor">#FF00FFFF</Color>
<Color x:Key="SelectionFillColor">#FF00FFFF</Color>
<Color x:Key="SelectionBorderColor">#FF00FFFF</Color>
<SolidColorBrush x:Key="UserLinkColor">#99FFFFFF</SolidColorBrush>
</ResourceDictionary>
</Xaml>
</Resources>to my viewer.xml file and it's working fine. For the background colour you'd obviously use the tag as outlined on this post. I was needing to change the colour of the text....
Just thinking, what would happen if you actually left the backgrouind banner setting blank in the <globals> settings in the viewer. Would this not create a white background? Without having to create extra themes?
<BannerBackgroundImageUri Value="" />
just a thought :)
GF
0 -
Very much appreciated Gareth
Best
Jamal
0 -
For html5 viewer you can change the style of the sign in /sign out links, etc... in the json config files. For example the desktop config file default location is: C:\Program Files (x86)\Latitude Geographics\Geocortex Essentials\Default\RESTElements\Sites\<site>\Viewers\<viewer>\VirtualDirectory\Resources\Config\Default\Desktop.json.
Find this section in the file (below), and edit the linkColor and other settings as needed. SignInViewModel is for the sign in interface, while UserInfoViewModel is for the sign out interface which has a bit more to it as it opens a dialog. My app has a dark blue banner so I have changed both links to white, and the background color to grey.
{
"moduleName": "User",
"moduleType": "geocortex.essentialsHtmlViewer.mapping.modules.User.UserModule",
"configuration": {},
"views": [],
"viewModels": [
{
"id": "SignInViewModel",
"type": "geocortex.essentialsHtmlViewer.mapping.modules.User.SignInViewModel",
"configuration": {
"linkColor": "WHITE "
}
},
{
"id": "UserInfoViewModel",
"type": "geocortex.essentialsHtmlViewer.mapping.modules.User.UserInfoViewModel",
"configuration": {
"linkColor": "WHITE ",
"textColor": "#333333",
"backgroundColor": "LIGHTGREY "
}
}
]
},Note: you have to do this for each viewer, and for each device config you are supporting (desktop, tablet, handheld).
0 -
Many thanks Zorba
Best
Jamal
0 -
Thank you - still working in GVH 2.11. 0 -
Thanks so much, Zorba,
Glad I came across your post. I had attempted many times in the past to change the color, but the viewer would reset it to the blue. Did the trick!
Thanks so much0
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.
Kommentare
12 Kommentare