Questions on UI for ASP.NET AJAX Forum

1 answer

184 views

I have a RadMenu linked to a RadGrid. If a row in the grid contains a certain value I want to allow/disallow menu items. For example, if a row has a trasnaction type of payment and the field reversed is not true, I do now want to give the user the option "Reverse Payment"

This is my Javascript:

function RowContextMenu(sender, eventArgs) { var menu = $find("<%=RadMenu1.ClientID %>"); var evt = eventArgs.get_domEvent(); if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") { return; } var index = eventArgs.get_itemIndexHierarchical(); document.getElementById("radGridClickedRowIndex").value = index; sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true); menu.show(evt); evt.cancelBubble = true; evt.returnValue = false; if (evt.stopPropagation) { evt.stopPropagation(); evt.preventDefault(); } }

This is my grid aspx code:

<telerik:RadGrid ID="RadGrid1" runat="server"Width="100%" Height="205px" AllowPaging="false" AllowSorting="true" DataSourceID="SqlDataSource1" OnItemDataBound="RadGrid1_ItemDataBound"GroupPanelPosition="Top" AutoGenerateColumns="False" CellSpacing="-1" GridLines="Both" Font-Size="Smaller" ><ClientSettings AllowColumnsReorder="True"><Scrolling AllowScroll="True" UseStaticHeaders="True" /> </ClientSettings><MasterTableView DataSourceID="SqlDataSource1" DataKeyNames="ID,TransactionID" ><Columns> <telerik:GridBoundColumn DataField="ID" Display="false" DataType="System.Int32" FilterControlAltText="Filter ID column" HeaderText="ID" ReadOnly="True" SortExpression="ID" UniqueName="ID"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="LoanID" Display="false" FilterControlAltText="Filter LoanID column" HeaderText="LoanID" SortExpression="LoanID" UniqueName="LoanID"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="LoanSeq" DataType="System.Int32" Display="false" FilterControlAltText="Filter LoanSeq column" HeaderText="LoanSeq" SortExpression="LoanSeq" UniqueName="LoanSeq"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="SequenceID" FilterControlAltText="Filter SequenceID column" HeaderText="Loan" SortExpression="SequenceID" UniqueName="SequenceID"><HeaderStyle Width="60px" /><ItemStyle Width="60px" /></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="BusinessDate" DataType="System.DateTime" FilterControlAltText="Filter BusinessDate column" HeaderText="BusinessDate" SortExpression="BusinessDate" UniqueName="BusinessDate" DataFormatString="{0:MM/dd/yyyy}"><HeaderStyle Width="80px" /><ItemStyle Width="80px" /></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="TotalDue" DataType="System.Decimal" FilterControlAltText="Filter TotalDue column" HeaderText="TotalDue" SortExpression="TotalDue" UniqueName="TotalDue" DataFormatString="{0:f2}"><HeaderStyle Width="60px" /><ItemStyle Width="60px" /></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="Total" DataType="System.Decimal" FilterControlAltText="Filter Total column" HeaderText="Total" SortExpression="Total" UniqueName="Total" DataFormatString="{0:f2}"><HeaderStyle Width="60px" /><ItemStyle Width="60px" /></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="MiscCharge" DataType="System.Decimal" FilterControlAltText="Filter MiscCharge column" HeaderText="MiscChg" SortExpression="MiscCharge" UniqueName="MiscCharge" DataFormatString="{0:f2}"><HeaderStyle Width="70px" /><ItemStyle Width="70px" /></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="LateFees" DataType="System.Decimal" FilterControlAltText="Filter LateFees column" HeaderText="LateFees" SortExpression="LateFees" UniqueName="LateFees" DataFormatString="{0:f2}"><HeaderStyle Width="60px" /><ItemStyle Width="60px" /></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="ToPrincipal" DataType="System.Decimal" FilterControlAltText="Filter ToPrincipal column" HeaderText="ToPrincipal" SortExpression="ToPrincipal" UniqueName="ToPrincipal" DataFormatString="{0:f2}"><HeaderStyle Width="70px" /><ItemStyle Width="70px" /></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="Balance" DataType="System.Decimal" FilterControlAltText="Filter Balance column" HeaderText="Balance" SortExpression="Balance" UniqueName="Balance" DataFormatString="{0:f2}"><HeaderStyle Width="60px" /><ItemStyle Width="60px" /></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="EditBy" FilterControlAltText="Filter EditBy column" HeaderText="EditBy" SortExpression="EditBy" UniqueName="EditBy"><HeaderStyle Width="40px" /><ItemStyle Width="40px" /></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Status" Display="True" FilterControlAltText="Filter Status column" HeaderText="Status" SortExpression="Status" UniqueName="Status"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="Comments" FilterControlAltText="Filter Comments column" HeaderText="Comments" SortExpression="Comments" UniqueName="Comments"> <HeaderStyle Width="180px" /><ItemStyle Width="180px" /> </telerik:GridBoundColumn><telerik:GridBoundColumn DataField="TransactionID" DataType="System.Int32" Display="False" FilterControlAltText="Filter TransactionID column" HeaderText="TransactionID" ReadOnly="True" SortExpression="TransactionID" UniqueName="TransactionID"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="PaymentNumber" DataType="System.Int32" Display="False" FilterControlAltText="Filter PaymentNumber column" HeaderText="PaymentNumber" SortExpression="PaymentNumber" UniqueName="PaymentNumber"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="TransType" Display="False" FilterControlAltText="Filter TransType column" HeaderText="TransType" SortExpression="TransType" UniqueName="TransType"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="CheckNumber" DataType="System.Int32" Display="False" FilterControlAltText="Filter CheckNumber column" HeaderText="CheckNumber" SortExpression="CheckNumber" UniqueName="CheckNumber"></telerik:GridBoundColumn><telerik:GridCheckBoxColumn DataField="Reversed" DataType="System.Boolean" Display="False" FilterControlAltText="Filter Reversed column" HeaderText="Reversed" SortExpression="Reversed" UniqueName="Reversed"></telerik:GridCheckBoxColumn><telerik:GridBoundColumn DataField="Refunds" DataType="System.Decimal" Display="False" FilterControlAltText="Filter Refunds column" HeaderText="Refunds" SortExpression="Refunds" UniqueName="Refunds"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="OfficeID" DataType="System.Int32" Display="False" FilterControlAltText="Filter OfficeID column" HeaderText="OfficeID" SortExpression="OfficeID" UniqueName="OfficeID"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="CDTransactionID" DataType="System.Int32" Display="False" FilterControlAltText="Filter CDTransactionID column" HeaderText="CDTransactionID" SortExpression="CDTransactionID" UniqueName="CDTransactionID"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="Principal" DataType="System.Decimal" Display="False" FilterControlAltText="Filter Principal column" HeaderText="Principal" SortExpression="Principal" UniqueName="Principal"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="EditDate" DataType="System.DateTime" Display="False" FilterControlAltText="Filter EditDate column" HeaderText="EditDate" SortExpression="EditDate" UniqueName="EditDate" DataFormatString="{0:MM/dd/yyyy}"></telerik:GridBoundColumn><telerik:GridBoundColumn DataField="PriorBalance" DataType="System.Decimal" Display="False" FilterControlAltText="Filter PriorBalance column" HeaderText="PriorBalance" SortExpression="PriorBalance" UniqueName="PriorBalance"></telerik:GridBoundColumn></Columns> <ItemStyle Height="10px" Font-Size=".9em" /> <HeaderStyle Height="12px" Font-Size=".9em" /> <FilterItemStyle Height="12px" Font-Size=".9em"/> <HeaderStyle Height="12px" Font-Size=".9em" /></MasterTableView> <ClientSettings> <ClientEvents OnRowContextMenu="RowContextMenu"></ClientEvents> <Selecting AllowRowSelect="true" /> </ClientSettings></telerik:RadGrid>

Finally, this is the code-behind:

protected void RadMenu1_ItemClick(object sender, RadMenuEventArgs e) { int radGridClickedRowIndex; int radGridClickedItemIndex; radGridClickedRowIndex = Convert.ToInt32(Request.Form["radGridClickedRowIndex"]); int TranID = 0; switch (e.Item.Text) { case "Reverse Payment": radGridClickedItemIndex = (int)RadGrid1.Items[radGridClickedRowIndex].ItemIndex; TranID = Convert.ToInt32(RadGrid1.MasterTableView.DataKeyValues[radGridClickedItemIndex]["TransactionID"]); ShowReversePayment(TranID); //RadGrid1.Rebind(); break; } }

Menu

answered on 25 Sep 2015

1 answer

55 views

RadColorPicker is hidden & alignment is also getting changed when I use in the RadPanelBar

Hi,

RadColorPicker is hidden when I use in the RadPanelBar. I am checking this in the IE9 Brower. Please find my simple code

And find the view which I am seeing it. And the telerik version which I am using is 2015.2.623.45

Could you please advise on this.

Thanks

ColorPicker

answered on 25 Sep 2015

1 answer

57 views

RadColorPicker is hidden & alignment is changed completely when I use in the RadPanelBar

Hi,

RadColorPicker is hidden when I use in the RadPanelBar. I am checking this in the IE9 Brower. Please find the sample code here.

And find the view which I am seeing it. And the telerik version which I am using is 2015.2.623.45

Could you please advise on this.

Thanks

ColorPicker

answered on 25 Sep 2015

1 answer

62 views

RadColorPicker is hidden & alignment is changed completely when I use in the RadPanelBar

Hi,
RadColorPicker is hidden when I use in the RadPanelBar. I am checking this in the IE9 Brower. Please find the sample code here.

And find the view which I am seeing it. And the telerik version which I am using is 2015.2.623.45
Could you please advise on this.
Thanks

ColorPicker

answered on 25 Sep 2015

1 answer

62 views

RadColorPicker is hidden & alignment is changed completely when I use in the RadPanelBar

Hi,
RadColorPicker is hidden when I use in the RadPanelBar. I am checking this in the IE9 Brower. Please find the sample code here.

<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="uxRadScriptManager" />
<telerik:RadPanelBar Width="100%" runat="server" ID="RadPanelBar2" ExpandMode="SingleExpandedItem" >
<Items>
<telerik:RadPanelItem runat="server" Text="Testing" Expanded="true" Font-Bold="true">
<ContentTemplate>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="width: 30%">
<asp:Label ID="Label1" runat="server" > Test1</asp:Label></td>
<td align="left">
<telerik:RadColorPicker runat="server" ID="one" PaletteModes="WebPalette" ShowIcon="True"
KeepInScreenBounds="true">
</telerik:RadColorPicker>
</td>
</tr>
<tr>
<td style="width: 30%">
<asp:Label ID="Label2" runat="server" > Test2</asp:Label></td>
<td align="left">
<telerik:RadColorPicker runat="server" ID="two" PaletteModes="WebPalette" ShowIcon="True"
KeepInScreenBounds="true">
</telerik:RadColorPicker>
</td>
</tr>
<tr>
<td style="width: 30%">
<asp:Label ID="Label3" runat="server" > Test3</asp:Label></td>
<td align="left">
<telerik:RadColorPicker runat="server" ID="three" PaletteModes="WebPalette" ShowIcon="True"
KeepInScreenBounds="true">
</telerik:RadColorPicker>
</td>
</tr>
<tr>
<td style="width: 30%">
<asp:Label ID="Label4" runat="server"> Test4</asp:Label></td>
<td align="left">
<telerik:RadColorPicker runat="server" ID="four" PaletteModes="WebPalette" ShowIcon="True"
KeepInScreenBounds="true">
</telerik:RadColorPicker>
</td>
</tr>
</table>
</ContentTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</form>
And find the view which I am seeing it. And the telerik version which I am using is 2015.2.623.45
Could you please advise on this.
Thanks

ColorPicker

answered on 25 Sep 2015

1 answer

134 views

pasteHtml issue, editor appears to lose focus?

Having an issue with an editor. Fairly certain it is not control version related, as it is working fine in a radwindow.

Editor (shortened it)

<telerik:RadEditor ID="txtEditorBody" runat="server" Height="400px" Width="700px" ContentAreaMode="Iframe" OnClientCommandExecuting="customTokens">

<Tools>

<telerik:EditorToolGroup Tag="MainToolbar">

<telerik:EditorTool Name="AjaxSpellCheck" Visible="true" Enabled="true" />

<telerik:EditorSeparator />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Formatting">

<telerik:EditorTool Name="Bold" />

<telerik:EditorSeparator />

<telerik:EditorSplitButton Name="ForeColor">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorDropDown Name="FontName">

</telerik:EditorDropDown>

<telerik:EditorDropDown Name="FontSize">

</telerik:EditorDropDown>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorDropDown Name="Info" Width="50" Text="Info">

<telerik:EditorDropDownItem Name="First Name" Value=" %firstname% " />

</telerik:EditorDropDown>

</telerik:EditorToolGroup>

</Tools>

<Content>

</Content>

<TrackChangesSettings CanAcceptTrackChanges="False"></TrackChangesSettings>

</telerik:RadEditor>

Javascript:

function customTokens(editor, args) {

var name = args.get_name();

var val = args.get_value();

if (name == "Info") {

editor.pasteHtml(val);

args.set_cancel(true);

};

It seems that when the page loads, the cursor is not visible in the editor. If you type in it, it then becomes visible. When you ensure the cursor is in the editor, and then click the custom drop down, the cursor leaves the editor. After you click the drop down item, nothing happens, and the cursor does not return to the window. Interestingly if you hi-light some text and then click the drop down item, it just removes the hilighted text instead of inserting the value.

Running a simple alert(name); and alert(val); shows that JS is pulling the correct info to insert, so the issue appears to be with editor.pastHtml()

Even trying something simple like OnLoad and then attempting pasteHtml("Test") does not work.

Editor

answered on 25 Sep 2015

3 answers

127 views

RadListBox checkbox not selected at first attempt

Hi Team,

I am facing some issues with the RadListBox with CheckBoxes for IE7 browser mode or 1024 x 768 windows resolution mode. I have implemented the RadListBox with checkBoxes as list items. It works fine under some circumstances like in IE8 mode or Windows standerd resolutions mode(i,e checkBoxes will get selected at first click). But my client is using the IE7 browser mode where the check boxes are not getting selected at first attempt. I have added some Javascript code for OnClientItemChecked or OnClientItemChecking event, but its not firing the debug event for the 1st instance.

Can you please help me, if i am missing anything to add or any other properties i need to set. your quick response is much appriciated.

Thanks in Advance,

Raghavendra

ListBox

answered on 25 Sep 2015

4 answers

342 views

Get String of DatePicker

Hello

I am new in the community of Telerik

I want to get the string to select the date

example of test:

in frm.aspx

<telerik:RadDatePicker ID="RadDatePicker1" runat="server"></telerik:RadDatePicker>

in frm.aspx.vb

Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
        'here code!!
        Dim x As String
        x = RadDatePicker1.xxxxxx
        MsgBox(x)
    End Sub Dim x As String

how Get String of DatePicker??

sorry my english

DatePicker

answered on 25 Sep 2015

10 answers

128 views

Quicktime plugin?

Since we've upgraded to Telerik version Q3 2013, our site always asks to enable access to the Apple QT plugin (on IE browsers where it is disabled). We have the identical site on our production server with the previous Telerik version, and that doesn't do it.

It seems to stem from the inclusion of a load of browser capabilities tests that are in the script resources now - such as

l.addTest(

"QuickTimePlayer",function(){if(Q.ActiveXObject){return R("QuickTime.QuickTime")||R("QuickTimeCheckObject.QuickTimeCheck");

}

else{return S("QuickTime Plug-in");

<edit>
I've just tracked those lines down to core.js, Quicktime and a bunch of other browser capabilities tests are in there now. They weren't present in the Q2 2013 version.

General Discussions