Sign In/Out text color

James Landwehr

July 19, 2014 01:19

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

0

• 

  Conner Leverett

  July 19, 2014 02:49

  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
• 

  James Landwehr

  July 19, 2014 03:16

  Perfect. Thanks Darren.

  0
• 

  Permanently deleted user

  July 19, 2014 16:09

  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
• 

  Conner Leverett

  July 21, 2014 22:51

  Hi Jamal,

  The key you are looking for in the theme.xaml is:

    <SolidColorBrush x:Key="AppBackground">#FFFFFFFF</SolidColorBrush>

  Cheers,

  -Darren

  0
• 

  Permanently deleted user

  July 22, 2014 00:56

  Thanks Darren. It works fine

   

  Best

   

  Jamal

  0
• 

  James Landwehr

  August 19, 2014 21:43

  I'm curious where this same sign-in text color theme parameter is found on the HTML5 viewer. Any ideas?

  0
• 

  Permanently deleted user

  August 20, 2014 06:41

  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
• 

  Permanently deleted user

  August 20, 2014 15:11

  Very much appreciated Gareth

   

  Best

   

  Jamal

  0
• 

  Permanently deleted user

  March 26, 2015 00:09

  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
• 

  Permanently deleted user

  March 28, 2015 00:00

  Many thanks Zorba

   

  Best

   

  Jamal

  0
• 

  Permanently deleted user

  December 03, 2018 23:12

  Thank you - still working in GVH 2.11.

  0
• 

  Permanently deleted user

  November 05, 2020 16:37

  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 much

  0

Please sign in to leave a comment.