This is a migrated thread and some comments may be shown as answers.

Filter Menu design gobbledygook

4 Answers 30 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Albert Shenker
Top achievements
Rank 1
Veteran
Albert Shenker asked on 23 Oct 2013, 03:04 PM

    I always thought it was a pretty poor and lazy design decision to have the rad filter menu contain run-on gobbledygook like "GreaterThanOrEqualTo" displayed to the user. And now looking at the Metro skin, it seems Telerik has taken this to a whole new level of poor design by having all-caps stuff like "GREATERTHANOREQUALTO". Now, I'm sure there are folks out there (likely those who think Visual studio 2012 is beautiful) who believe this is great and represents the evolution of UI design. But for the rest of us who aren't as advanced in the design world, would it be possible to provide a simple way of presenting users with a normal, or better yet "classic", interface which doesn't look like the result of a developer whose keyboard is malfunctioning? Phrases have spaces in them. Its how human language has developed over the course of hundreds of thousands of years. Why change now?

4 Answers, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 28 Oct 2013, 10:05 AM
Hi Albert,

Thank you for contacting us.

Although we are trying to provide a set of skins that could satisfy everyone's needs, there are cases when the client have to make some changes in order to get the exact look and feel he wants.

If you want to override the designer decision for the uppercase letters within the filter, you could refer to the attached sample page that will allow you to change the filter menu items to the default lettering and to add a space between the words.

As you will notice, for the uppercase lettering you will need to override the styling for the RadMenu_Metro class:
<style type="text/css">
    .RadMenu_Metro {
        text-transform: none!important;
    }
</style>

For the spacing, in the Page_Load event handler you could use the following regular expression that adds white space before every capital letter:
protected void Page_Load(object sender, EventArgs e)
{
    var r = new Regex(@"
            (?<=[A-Z])(?=[A-Z][a-z]) |
             (?<=[^A-Z])(?=[A-Z]) |
             (?<=[A-Za-z])(?=[^A-Za-z])", RegexOptions.IgnorePatternWhitespace);
 
    foreach (RadMenuItem item in RadGrid1.FilterMenu.Items)
    {
        item.Text = r.Replace(item.Text, " ");
    }
}
 
Hope that helps.

 

Regards,
Konstantin Dikov
Telerik
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 the blog feed now.
0
Albert Shenker
Top achievements
Rank 1
Veteran
answered on 28 Oct 2013, 12:57 PM
Will this bug be fixed in the next service pack?
0
Konstantin Dikov
Telerik team
answered on 28 Oct 2013, 03:01 PM
Hello Albert,

As I mentioned in my first post, this is a designer's decision for the "Metro" skin and not a bug.

Nevertheless, you could add this as a Feature request in our "Ideas & Feedback Portal" and if it gets enough votes, our developers team will consider adding this as an option for the RadFilter in one of our future releases. 


Regards,
Konstantin Dikov
Telerik
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 the blog feed now.
0
Albert Shenker
Top achievements
Rank 1
Veteran
answered on 28 Oct 2013, 08:44 PM
OHIMSORRYIDIDNTREALIZEITWASBYDESIGN.ITHOUGHTTHATMAYBEATHREEYEAROLDSNUCKINTOTELERIKSOFFICESANDMESSEDAROUNDWITHYOURCODEBASE


THANKSFORTHEINFORMATIONANDTHEHELPFULSUGGESTION.IWILLADDITTOTHEEVERINCREASINGNUMBEROFTELERIKHACKSINEEDTOIMPLEMENT
Tags
Grid
Asked by
Albert Shenker
Top achievements
Rank 1
Veteran
Answers by
Konstantin Dikov
Telerik team
Albert Shenker
Top achievements
Rank 1
Veteran
Share this question
or