Font has changed

8 posts, 0 answers
  1. Stuart Hemming
    Stuart Hemming avatar
    1622 posts
    Member since:
    Jul 2004

    Posted 31 Oct 2012 Link to this post

    We've just upgraded the controls we're using from Q2 to Q3 and note that the font used in the RadSplitter seems to have changed from 'Arial, Helvetica, sans-serif' to '"Segoe UI", Arial, Helvetica, sans-serif'.

    There was no mention of this in the release docs.

    I have to say I consider changes to things like colours and fonts at least as important as changes to functionality and, therefore worth of note in the docs.

    You may consider it a petty complaint, but end-users get really up-tight about things like this if they're not forwarned, and as I have to explain these changes to those further up the food chain internally, it'd be nice to get some advance warning.

    --
    Stuart
  2. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 01 Nov 2012 Link to this post

    Hello,

    We are in a process of migrating CSS into SASS. During the process some of the CSS selectors were changed and they specificity is heavier now. In the case of Splitter Sitefinity skin (I suppose this is the sking you are using, as you didn`t mentioned in your post) the Segoe UI style coming from the Base CSS is was not overridden by Arial.

    We are aware of the issue and fix will be availbe in the next official release and in the next internal build also.

    During the migration some of the background, text and border colors will be changed to match its skin color scheme as now there are some differences between the controls for similar elements.

    For now, you could use the following fix:

    .RadSplitter_Sitefinity.RadSplitter {
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif; }
     
    .RadSplitter_Sitefinity.RadSplitter .rspSlideTitle,
    .RadSplitter_Sitefinity.RadSplitter .rspPaneTabText {
      font: normal 10px Arial, Helvetica, Sans-serif; }
     
    .RadSplitter_Sitefinity.RadSplitter .rspSlideTitle {
      font-size: 12px;
      line-height: 25px; }


    Regards,
    Bozhidar
    the Telerik team
     
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Stuart Hemming
    Stuart Hemming avatar
    1622 posts
    Member since:
    Jul 2004

    Posted 01 Nov 2012 Link to this post

    Bozhidar,

    Thanks for the reply.

    You are right in that I didn't metion the skin I was using. The changes I noted were in the Office2007 skin.

    I note your comments about the upcoming fixes and look forward to seeing them. I also note your suggested workaround.

    Thanks again
    --
    Stuart
  5. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 01 Nov 2012 Link to this post

    Hi again,

    it is strange as all predefined skins are using Segoe UI as default skin, except Sitefinity which default font is Arial, and Transparent, which is Tahoma.

    Are you sure, that Office2007 that you are using is with Arial? It is possible if you did some CSS overrides, and now because the specificity is higher and the overrides not to work already.

    If this is the case, you need to add some extra tag or class to the CSS cascade in order to increase the specificity and to make the override work.

    Greetings,
    Bozhidar
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. Vijay
    Vijay avatar
    4 posts
    Member since:
    Jan 2016

    Posted 29 Mar Link to this post

    Facing the similar issue with Office2007 skin after upgrading (from 2011) to 2015 Q3. The font family and size of the body CSS is getting overridden with Radsplitter CSS.

       

    body{
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
    }

    Also I tried replacing the body CSS with body id and class but still its getting overridden by Radsplitter css in both the cases. Please suggest how to fix this.

  7. Vessy
    Admin
    Vessy avatar
    1389 posts

    Posted 31 Mar Link to this post

    Hi Vijay,

    All styles applied to the Splitter are cascaded through its own CSS class and should not affect the other styles on the page. Actually, if you are setting global styles on the page holding the Splitter it will most probably inherit them as they will affect its child html elements.

    I am attaching a sample page demonstrating that - are you experiencing the same problem with it?

    Regards,
    Vessy
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  8. Vijay
    Vijay avatar
    4 posts
    Member since:
    Jan 2016

    Posted 06 Apr Link to this post

    Hi Vessy,

    Thanks for the information. In the example you shared, do you try to mean all the child elements inside the RadSplitter will inherent the CSS of RadSplitter instead of body.

    In my case, RadSplitter CSS is overriding the parent css (in my case the body). I resolved the issue by applying the new CSS class with same font details to the child elements inside RadSplitter. However this issue never occurred while using the telerik web version 2011.2.712.35.

  9. Vessy
    Admin
    Vessy avatar
    1389 posts

    Posted 11 Apr Link to this post

    Hi Vijay,

    Please, excuse me by not being clear enough in my previous reply. If there are styles set to the the body, they will be applied also to the elements of the Splitter.

    If this does not happen in your project, can you elaborate a bit on the exact scenario in which which this behavior occurs?
    • Which version of the controls are you using now?
    • Do you experience the reported problem in all browsers or only in a specific one?
    • Can you send us an isolated project replicating the case so we can examine it on our side?

    Regards,
    Vessy
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017