In this post I show you how to quickly add the correct HTML/CSS to adhere to Microsoft's Layout Guidelines for Windows Store Applications.

We keep a close track of the latest trends and we know how popular HTML5 and CSS are these days. That is why while implementeing our new theme engine, which we presented in our previous blog, we added a small, but powerful styling feature  and in this blog we want to tell you more about it.
 

Until now there were two ways to create new themes for RadControls. The first one is to use the Visual Style Builder tool (http://www.telerik.com/products/winforms/tools.aspx) and to create or modify an existing theme. The other way is a bit tricky as you should edit an XML...

Have you ever experienced difficulties with hitting a button on a touch screen because of the button’s small size? Haven’t you wished texts were larger so you don’t need to zoom-in to read?

No more troubles - our new MetroTouch skin for Telerik’s ASP.NET AJAX controls is coming on board with Q2 2012, expected in about a week!

 

 

The Dimensions

Fingertip - 11mm - 32px

Dimensions are the biggest difference introduced in the MetroTouch skin. Almost every UI element has its regions and boundaries adjusted to a touch-friendly size of around 11mm at 72dpi per clickable area.

Mean percentage of erroneous trials for each...

Probably all of us have identified at some point the following trend in software development — newer version usually means bigger assemblies. Sure, some of the new stuff is features that we use on a daily basis; but some of the new stuff is just eye candy that we don't always use.

In fact, wouldn't it be nice if we could get just the software with the default looks; get the job done then and, if needed, add that sweet UI candy to it later?

And in order to tackle this problem — maintain a reasonable file size of the main Telerik...

The first service pack for Telerik JustCode Q2 2011 was recently released, but the development team is forging ahead with even more new features to make your life easier. New internal builds brings Razor and CSS support, which is welcome news for web developers using JustCode.

Razor

If you have developed applications in ASP.NET MVC 3, you are familiar with the new Razor view engine. It brings code closer to markup, and it’s fitting that its files use the extensions cshtml and vbhtml.

The JustCode features you are familiar with now work on the C#, VB, JavaScript, and Html code inside Razor files. This includes...

This has been something like a tale of the unexpected for me. A client recently reported a problem with scrolling being slow in IE when the mouse wheel is used. It took about two afternoons of testing different scenarios and head scratching, and this is where we got: it seems that if a :hover pseudo CSS class is used on the web page, scrolling in IE7 becomes slower, even if the CSS selector, which contains the :hover pseudo class does not select anything, i.e. the CSS rule is not relevant to any of the web page elements.

The longer the page, the...

The following new code library entry demonstrates two alternative techniques for centering an image inside a RadAjaxLoadingPanel. Both techniques should not be something new for CSS-savy devs, however, we receive queries for them from time to time, so it will be good to have an example available online:

How to Center Image In a RadAjaxLoadingPanel

 ...

I have the pleasure to announce that RadCalendar for ASP.NET AJAX has undergone a considerable HTML and CSS optimization.

As a result, the HTML output generated by the following RadCalendar declaration has dropped from 5,916 bytes to 3,905 bytes, or by...

The other day I was researching a slight RadGrid header and data cell misalignment when using scrolling with static headers. Finally, it turned out that there is a breaking change in the way Firefox 3 treat scrollable elements with an applied padding style. To be more specific, this browser version does not include the padding zone into the scrollable area, and as a result, the inner area of the element becomes smaller. Safari 2 and 3 behave the same way.

Here is a very simple testing scenario:

 

 

The above HTML code will be displayed by Firefox 3, Firefox 2, IE7, Opera 9 and Safari...

In the era of the "classic" RadControls for ASP.NET modifying a skin required opening

~ / RadControls / [ControlName] / Skins / [SkinName] / styles.css

and making the necessary changes. The new RadControls for ASP.NET AJAX (formerly known as "Prometheus") by default use skins, which are embedded in the assembly. This simplifies deployment but sacrifices customization. Or does it?

Actually, making a change to an embedded skin of a RadControl for ASP.NET AJAX is quite easy, given that one keeps in mind a couple of notable things. Namely:

(1) Since the embedded skin cannot be modified, the custom styles need to be placed elsewhere. For example ...