This is a migrated thread and some comments may be shown as answers.
Font has changed
7 Answers 23 Views
This is a migrated thread and some comments may be shown as answers.
Stuart Hemming
Top achievements
Rank 2
Stuart Hemming asked on 31 Oct 2012, 01:54 PM
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

7 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 01 Nov 2012, 08:54 AM
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.
 
0
Stuart Hemming
Top achievements
Rank 2
answered on 01 Nov 2012, 11:00 AM
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
0
Bozhidar
Telerik team
answered on 01 Nov 2012, 12:01 PM
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.
0
Vijay
Top achievements
Rank 1
answered on 29 Mar 2016, 10:53 AM

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.

0
Vessy
Telerik team
answered on 31 Mar 2016, 12:32 PM
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.
0
Vijay
Top achievements
Rank 1
answered on 06 Apr 2016, 12:34 PM

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.

0
Vessy
Telerik team
answered on 11 Apr 2016, 07:30 AM
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.
Asked by
Stuart Hemming
Top achievements
Rank 2
Answers by
Bozhidar
Telerik team
Stuart Hemming
Top achievements
Rank 2
Vijay
Top achievements
Rank 1
Vessy
Telerik team
Share this question
or