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

Bug: Lightweight Rendered Button Click Problem

3 Answers 89 Views
Button
This is a migrated thread and some comments may be shown as answers.
Dan
Top achievements
Rank 1
Dan asked on 19 Nov 2015, 04:10 PM

Using the MetroTouch skin in version 2015.3.1111.45 - In lightweight RenderMode - if you click directly on the text of a button it does not fire the click even - you must click somewhere else on the button.  

 

If you set RenderMode="Classic" the issue is resolved.

3 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 20 Nov 2015, 11:24 AM

Hello Dan,

I tried reproducing this problem with the following markup:

<telerik:RadButton runat="server" ID="RadBUtton1" Skin="MetroTouch" RenderMode="Lightweight" Text="some text" OnClientClicked="function(){alert()}"></telerik:RadButton>

I am also attaching a short video from my test so you can confirm if I am missing something, because I could not reproduce a problem.

Regards,

Marin Bratanov
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Andreas
Top achievements
Rank 1
answered on 24 Nov 2015, 11:01 AM

Hi,

We have the same problem with the latest Telerik!

But only when the button is inside an UpdatePanel and only in the new Microsoft Edge browser!!!

Code sample:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="button.aspx.vb" Inherits="TestaTredjepartWeb.button" %>
 
<!DOCTYPE html>
 
<html>
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="s" runat="server">
        </asp:ScriptManager>
        <div>
            <asp:UpdatePanel ID="up" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
                <ContentTemplate>
                    <telerik:RadButton ID="btn" runat="server" Text="Click me" RenderMode="Lightweight"></telerik:RadButton>
                    <br />
                    <asp:Label ID="lbl" runat="server"></asp:Label>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </form>
</body>
</html>

Code behind:

Public Class button
    Inherits System.Web.UI.Page
 
    Private _bButtonClicked As Boolean = False
 
    Private Sub btn_Click(sender As Object, e As EventArgs) Handles btn.Click
        _bButtonClicked = True
    End Sub
 
    Private Sub button_PreRender(sender As Object, e As EventArgs) Handles Me.PreRender
        If _bButtonClicked Then
            lbl.Text = "Button was clicked"
        Else
            lbl.Text = "Button was NOT clicked"
        End If
    End Sub
End Class

In Microsoft Edge, when clicking on the text, the click event does not happen.

In other browsers it works fine!

Regards
Andreas

0
Danail Vasilev
Telerik team
answered on 24 Nov 2015, 09:44 PM
Hello,

This is an issue with an ajaxified RadButton in lightweight render mode when clicking its text and the used browser is Chrome/Edge browser.The issue will be fixed for the Q1 2016 release and the next internal build.

You can find more information as well as possible workaround in this sticky note (http://www.telerik.com/forums/the-server-side-onclick-event-is-not-raised-when-clicking-on-the-button-text-(lightweight-rendermode-chrome-browser-q3-2015-sp1-release)) or this feedback item (http://feedback.telerik.com/Project/108/Feedback/Details/176156).

Apologize for the caused inconvenience.

Regards,
Danail Vasilev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Button
Asked by
Dan
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Andreas
Top achievements
Rank 1
Danail Vasilev
Telerik team
Share this question
or