RadButton Access Key's are not working

8 posts, 0 answers
  1. Luis
    Luis avatar
    3 posts
    Member since:
    Mar 2011

    Posted 07 Mar 2011 Link to this post

    Hi Y'all there!

    I'm developing some not complex website and I was using ASP.Net standard buttons to have my actions. Then I needed to underline and bold button access keys on the buttons text When I found Telerik Radcontrols and I realized I could use Image Backgrounds on buttons, so I used that option to achieve my goal but Access Key stopped working and Web Browsers detect Alt key as part of their menu shortcuts instead my webform elements.I don't need to place text on the button because image represents bold and underlined
    text.

    <telerik:RadButton ID="btnAlta" runat="server" ToolTip="Alt + A" Width="102px" Enabled="false" height="19px" AccessKey="A" >
          <Image ImageUrl="images/btnAlta.png"  IsBackgroundImage="true" />
    </telerik:RadButton>



    I'm using Firefox 4.0b12
    Microsoft Internet Explorer 8.0.7600.16385

    Thanks in advance for any help provided on this issue.
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 10 Mar 2011 Link to this post

    Hi Luis,

    Yes, for the time being the RadButton's AccessKey functionality does not work under Internet Explorer browsers. We will make sure this is working for the upcoming release, Q1 2011, which should be out next week.

    Regards,
    Pero
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Elliott
    Elliott avatar
    391 posts
    Member since:
    May 2010

    Posted 04 Jan 2012 Link to this post

    I'm finding the access keys actually do work in IE9 but not in Firefox 8.0
    I'm in .NET 3.5 with Telerik version 2011.3.1115.35
  5. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 06 Jan 2012 Link to this post

    Hello Marianne,

    I tested the behavior of the RadButton under the described conditions and it appears to function properly. I have attached my test project for comparison, as well as a screen capture that demonstrates my test.

    You can also check this online demo on the matter - Button / Keyboard Support - to verify that the AccessKey property functions as expected. Please note that the shortcut for accessing the RadButton controls is browser specific. For Firefox you should use the combination "Shift + Alt + AccessKey".

    I hope this helps. Don't hesitate to contact us again if you need further assistance.

    Greetings,
    Slav
    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. Justin
    Justin avatar
    3 posts
    Member since:
    Sep 2012

    Posted 19 Jun 2012 Link to this post

    Hi there:

    Is there any way to underline a letter in a RadButton for ASP.NET AJAX to indicate to the user which letter has been assigned as the AccessKey?  Something like: "Accept".

    I noticed that standard HTML markup in the Text property does not work (e.g., "<u>A</u>ccept").  Rather the markup is rendered verbatim.  I think this may be due to the fact the control renders as an INPUT control of type Button.  I saw this approach work elsewhere on the web, but the control was of type BUTTON.

    Thanks, Justin
  7. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 22 Jun 2012 Link to this post

    Hi Justin,

    You can use the ContentTemplate inner property of RadButton in order to achieve the desired styling of the inner text. Below you can check an example:
    <telerik:RadButton runat="server" ID="RadButton1">
        <ContentTemplate>
            <span class="underline">A</span>ccept
        </ContentTemplate>
    </telerik:RadButton>

    The CSS class, used for making the first letter of the button text underlined, is defined below. Overall you should apply text-decoration:underline; to the span HTML element:
    <style type="text/css">
        .underline
        {
            text-decoration:underline;
        }
    </style>

    Don't hesitate to contact us again if you run into more difficulties.

    Greetings,
    Slav
    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.
  8. Justin
    Justin avatar
    3 posts
    Member since:
    Sep 2012

    Posted 22 Jun 2012 Link to this post

    Hi Slav, this works great.  With this approach however, do you give up the capability of having a skinned button using the Skin property of the RadButton?

    This may be related, but I have been having intermittent trouble with skinned controls rendering properly.  The only skin on buttons I can get to render consistently is Metro for some reason.  I am using IE 8 and testing with the built-in "Cassini" browser with VS 2010.  I have a reference to the Telerik.Web.UI.Skins in my project, and have added the necessary handlers to my web.config, but the webresource.axd just fails to serve up non-Metro skins reliably.  When I inspect the unskinned element using the F12 develop tools, I can see that the webresource.axd handled the request, but there no _Web20 or _WebBlue suffix indicate the skin resource was retrieved.

    Thanks for your help.

    --Justin
  9. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 27 Jun 2012 Link to this post

    Hello Justin,

    The RadButton that has content specified via the ContentTemplate inner property is configured as a LinkButton so you can still use its property Skin to apply any of the built-in skin.

    As for your problem with the skins, it is quite strange that you are able to use only Metro. You can try the following suggestions:
    • Check if the same behavior is reproducible when your web site is running under IIS.
    • Upgrade your version of RadControls for ASP.NET AJAX to the latest version.
    • Enable the CDN as described in this help article or use your own CDN provider for hosting RadControls CSS files, which is explained in the article Custom CDN provider.

    If you are still having difficulties resolving your problem, please send a live URL to your project so that I can examine the described effect and provide a more to the point answer if possible.

    Kind regards,
    Slav
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017