Questions on UI for ASP.NET AJAX Forum

1 answer

89 views

Hi,
I'm working with rad-editor control during the process of development, i came an issue while browsing my production website using safari web browser. In that browser rad editor is not working properly for BOLD - ITALIC - REAL FONT SIZE.
The Indent and Font size are not working appropriately as similar to other browser(Google Chrome - IE ).

Please assist in this issue.

Thanks & Regards
Phaneendra

Editor

answered on 21 Oct 2013

1 answer

491 views

Rad tool tip for ItemTemplate inside of RadGrid not displaying

Hello, I will attempt to articulate my problem as best I can. Let me start off by saying I and my co-workers thoroughly enjoy your products.

I have a RadGrid with a variety of columns, which currently have asp tool tips that I am trying to convert to using Telerik's rad ToolTip control. Two of the columns in particular are grid template columns that have link button and image controls inside of the ItemTemplate tags respectively.
Like this:

<telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Center" AllowFiltering="false" UniqueName="UniqueImageName">

<ItemTemplate>

<asp:Image ID="imgSomeimageName" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Center" AllowFiltering="false" >

<ItemTemplate>

<asp:LinkButton ID="lbtnSomebutton" runat="server" CommandArgument='<%# Eval("ObjectID") %>'

OnCommand="lbtnSomebutton_Command" Enabled='<%# Eval("SomeThingEnabled")

%>'meta:resourcekey="lbtnSomebutton">

<asp:Image ID="imgSomeButtonIcon" runat="server" ImageUrl="~/Images/SomeButtonIcon.gif" Visible='<%#

Eval("SomethingHasValue") %>' />

</asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

I have tried adding tool tips to the grid and to these two items specifically via two methods, which both have yielded unexpected results.

First by simply adding the Rad ToolTip Manager control and setting the AutoToolTipify property to true.
Like this:

<telerik:RadToolTipManager runat="server" RelativeTo="Element" Position="Center"

ID="radToolTipMgr1" HideEvent="LeaveTargetAndToolTip" AutoTooltipify="true" Width="375px" OffsetY="-1"

OnAjaxUpdate="OnAjaxUpdate">

</telerik:RadToolTipManager>

When this method is used however it seems any tool tips specific to certain rows and columns are lost and only the tool tips specified for the radgrid as a whole are displayed. In other words if I have something like RadGrid1.ToolTip = "HelloWorld" in the .resx file, then only the phrase "Hello World" appears on mouse over for every control in the grid, even if something else is specified. And it even seems to override the pager, header and footer tool tips as well, as no tool tips will appear at all for the pager, header and footer controls.

The other method, with which I am have equally dubious success, utilizes one of your examples where your instructions recommend placing a Rad ToolTip, rather than a rad ToolTipManager, directly inside the ItemTemplate tags, setting the TargetControlID and IsClientID properties for each.

Like this:

<telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Center" AllowFiltering="false" UniqueName="MyImage">

<ItemTemplate>

<asp:Image ID="imgMyImage" runat="server" />

<telerik:RadToolTip TargetControlID="imgMyImage" IsClientID="true" runat="server"></telerik:RadToolTip>

</ItemTemplate>

</telerik:GridTemplateColumn>

Or this:

<telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Center" AllowFiltering="false" >

<ItemTemplate>

<asp:LinkButton ID="lbtnSomeButton" runat="server" CommandArgument='<%# Eval("ObjectID") %>'

OnCommand="lbtnSomeButton_Command" Enabled='<%# Eval("SomethingEnabled") %>'

meta:resourcekey="lbtnSomeButton">

<asp:Image ID="imgSomeIcon" runat="server" ImageUrl="~/Images/SomeIcon.gif" Visible='<%#

Eval("SomethingHasValue") %>' />

</asp:LinkButton>

<telerik:RadToolTip ID="RadToolTip1" TargetControlID="imgSomeIcon" IsClientID="true" runat="server">

</telerik:RadToolTip>

<telerik:RadToolTip ID="RadToolTip2" TargetControlID="lbtnSomeButton" IsClientID="true" runat="server">

</telerik:RadToolTip>

</ItemTemplate>

</telerik:GridTemplateColumn>

(Note: I did not actually have both tool tips active at the same time as it appear above, but it is shown for demonstration purposes , to note each approach).

However with this approach, while the rest of the radGrid is 'ToolTipified' the image and link button control tooltips do NOT display. No tooltip shows at all. As you can see I have tried specifying both the link button itself and the image control as the TargetControlID to no avail.

How can I create a rad ToolTip for the image and/or linkbutton controls nested inside of the the ItemTemplate tags?

On a related note I have also noticed that when the RadToolTip control does successfully appear the asp tool tips are still appearing on mouse over. Is there a way to display only the rad toolTips?

Thank you in advance.

-Justin

ToolTip

answered on 21 Oct 2013

1 answer

79 views

RadToolbar in Webkit browsers

Hi.
Webkit browser (i.e. Chrome, Safari) show abnormal behaviour when a image button is clicked. During reload the clicked button shows a empty (text)button larger than the image button, which makes this abnormality more apparent. Furthermore it takes 2-3 sec for a toolbar with 15 buttons to load.
How can I fix this (v. 2013.2.917.35) ?
IE and Firefox work fine.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<div>

<asp:Image ID="Image1" runat="server" ImageUrl="~/ToolbarProblem.png" />

<p><strong>Try it below</strong></p>

<telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100px" >

<Items>

<telerik:RadToolBarButton runat="server" Value="Day"

ToolTip="Green"

NavigateUrl = "Default.aspx"

ImageUrl="~/p_green.gif"

ClickedImageUrl="~/p_yellow.gif"

DisabledImageUrl="~/p_gray.gif"

>

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Value="Week"

ToolTip="Red"

NavigateUrl = "Default.aspx"

ImageUrl="~/p_red.gif"

ClickedImageUrl="~/p_yellow.gif"

DisabledImageUrl="~/p_gray.gif"

>

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</div>

</form>

</body>

ToolBar

answered on 21 Oct 2013

1 answer

107 views

Show tooltip to step.

I am using a radslider with values 1 to 5 with1 step. I want to know whether I can give a tooltip for each step values.

Any suggestions/input?
Merin

Slider

answered on 21 Oct 2013

1 answer

73 views

RibbonBarComboBox client side identification on OnClientComboBoxSelectedIndexChanged

Hi all,
I have two RibbonBarComboBox in my RibbonBar. OnClientComboBoxSelectedIndexChanged event,I want to identify which combobox raised client side event. Please provide me a solution.

Thank you
Abhi

RibbonBar

answered on 21 Oct 2013

1 answer

112 views

TimePicker getElementPosition

Hi,

We are using getElementPosition() method of RadTimePicker client side api. However with latest version (2013.3.926.45 and 2013.3.1015.45) we get an error saying the method does not exist for the object object. Is this method replaced with different method?

Regards,
Kiran

Calendar

answered on 21 Oct 2013

3 answers

86 views

Period displayed (in week view)

Hi,

I have a problem with the RadScheduler display. The period displayed in the header (in week view) is false in business hours when ShowAllDayRow="False"…

<telerik:RadScheduler runat="server" ID="schPlanning" DataKeyField="ID" DataSubjectField="SujetEvenement" DataDescriptionField="DescriptionEvenement" DataStartField="Debut" DataEndField="Fin" Height="630px" SelectedView="WeekView" ShowAllDayRow="True"></telerik:RadScheduler>

I join the 3 examples:

- ShowAllDayRow="False" and Business Hours => NOT WORKS

- ShowAllDayRow="False" and 24 Hours => WORKS

- ShowAllDayRow="True" and Business Hours => WORKS

If somebody have the same problem? Or a solution?

Jérémy

Scheduler

answered on 21 Oct 2013

5 answers

155 views

Get server edited rows in client side

I have a radgrid asp.net control and in it I'm editing the rows on the server side.
I want to know in the client side in case the user tries to close the screen before saving/discarding changes in the grid.

I found some explenations on how to do this using : get_masterTableView

However, since I'm not editing in client side, calling this function
results in an exception (inside it there is a call to get_id that fails).

How can I know if the grid is in edit mode or not on the client side?

Thanks,
Omer

0down vote favorite

I have a radgrid asp.net control and in it I'm editing the rows on the server side. I want to know in the client side in case the user tries to close the screen before saving/discarding changes in the grid.

I found some explenations on how to do this using : get_masterTableView

However, since I'm not editing in client side, calling this function results in an exception (inside it there is a call to get_id that fails).

How can I know if the grid is in edit mode or not on the client side?

Thanks, Omer

0down vote favorite

I have a radgrid asp.net control and in it I'm editing the rows on the server side. I want to know in the client side in case the user tries to close the screen before saving/discarding changes in the grid.

I found some explenations on how to do this using : get_masterTableView

However, since I'm not editing in client side, calling this function results in an exception (inside it there is a call to get_id that fails).

How can I know if the grid is in edit mode or not on the client side?

Thanks, Omer

Grid

answered on 21 Oct 2013

1 answer

82 views

populate drop down after 3 characters.

Hi

Is it possible to populate the drop-down from data source only after the user entering 3 characters?

Thanks for replies
Jane

AutoCompleteBox

answered on 21 Oct 2013

4 answers

131 views

jQuery .dialog() causes inputs to return default values with RadAjaxPanel

If I take a few inputs and wrap a RadAjaxPanel around them then I receive the values of the inputs in the callback.

But if I call .dialog() on the Div the values return their default values.

For example this works great:

<telerik:RadAjaxPanel runat="server" ID="rapTest" LoadingPanelID="RALPDash">

<asp:TextBox ID="txtTest" runat="server" Width="200"></asp:TextBox>

<asp:Button runat="server" ID="btnTest" Text="Test RAP" />

</telerik:RadAjaxPanel>

But if I do the below in markup and then call the Javascript below that I receive a txtTest.Text with a blank string. The dialog appears when I open it, the load panel appears when I click the Test button and everything appears to work great but the txtTest.Text string is blank. If I give txtTest a value in HTML markup then I receive that value instead of what type into it before I hit the Test button.

I have also tried jquery-1.10.2.min.js. Thanks in advance!

<div id="dlgTest" title="Prospect Edit">

<telerik:RadAjaxPanel runat="server" ID="rapTest" LoadingPanelID="RALPDash">