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

RadButton Access Key's are not working

7 Answers 273 Views
Button
This is a migrated thread and some comments may be shown as answers.
Luis
Top achievements
Rank 1
Luis asked on 07 Mar 2011, 08:00 PM
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.

7 Answers, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 10 Mar 2011, 11:27 AM
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!
0
Elliott
Top achievements
Rank 2
answered on 04 Jan 2012, 09:05 PM
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
0
Slav
Telerik team
answered on 06 Jan 2012, 02:27 PM
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
0
Justin
Top achievements
Rank 1
answered on 19 Jun 2012, 08:22 PM
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
0
Slav
Telerik team
answered on 22 Jun 2012, 06:44 AM
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.
0
Justin
Top achievements
Rank 1
answered on 22 Jun 2012, 10:37 PM
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
0
Slav
Telerik team
answered on 27 Jun 2012, 07:38 AM
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.
Tags
Button
Asked by
Luis
Top achievements
Rank 1
Answers by
Pero
Telerik team
Elliott
Top achievements
Rank 2
Slav
Telerik team
Justin
Top achievements
Rank 1
Share this question
or