Filter Menu design gobbledygook

[Albert Shenker]

    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?

[Konstantin Dikov]

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

[Albert Shenker]

Will this bug be fixed in the next service pack?

[Konstantin Dikov]

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

[Albert Shenker]

OHIMSORRYIDIDNTREALIZEITWASBYDESIGN.ITHOUGHTTHATMAYBEATHREEYEAROLDSNUCKINTOTELERIKSOFFICESANDMESSEDAROUNDWITHYOURCODEBASE


THANKSFORTHEINFORMATIONANDTHEHELPFULSUGGESTION.IWILLADDITTOTHEEVERINCREASINGNUMBEROFTELERIKHACKSINEEDTOIMPLEMENT