Questions on UI for ASP.NET AJAX Forum

1 answer

232 views

I am trying to use Validations on RadPageView as below and its not working (Paging not working):

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1">

        <Tabs>

            <telerik:RadTab Text="Tap1 "
Width="200px">

            </telerik:RadTab>

            <telerik:RadTab Text=" Tap2"
Width="200px">

            </telerik:RadTab>

            <telerik:RadTab Text=" Tap3 Width="200px">

            </telerik:RadTab>

        </Tabs>

    </telerik:RadTabStrip>

    <telerik:RadMultiPage runat="server"
ID="RadMultiPage1"
SelectedIndex="0"
CssClass="outerMultiPage">



        <telerik:RadPageView runat="server"
ID="RadPageView2">

            <div class="ClientClass">


<table>


<tr>

                        <td>

                            <div class="classImg">

                                <telerik:RadXmlHttpPanel runat="server"
Height="240px"
ID="radxmlhttppanel1"
Value="3"

                                    CssClass="xmlpanelcustomerinfo">

                                    <div class="classDiv">

                                        <table cellpadding="5px"
cellspacing="5px"
frame="border"
rules="groups"
style="position: absolute">

                                            <tr>


<td
style="width: 120px;">


Phone:


</td>


<td
style="width: 150px;">


<asp:TextBox ID="PhoneTextBox"
runat="server"
Width="116px"
MaxLength="12"></asp:TextBox>

                                                </td>

                                             <td style="width: 200px;">


<asp:RequiredFieldValidator ID="RequiredFieldValidator3"
runat="server" ControlToValidate="PhoneTextBox"


Display="Dynamic"
ErrorMessage="RequiredFieldValidator"
ForeColor="Red">Required</asp:RequiredFieldValidator>

                                                    <asp:CustomValidator
ID="CustomValidator2" runat="server"
Display="Dynamic" ControlToValidate="PhoneTextBox"


ClientValidationFunction="Validate_Sender"
ForeColor="Red">Invalid Phone</asp:CustomValidator>


</td>

                                            </tr>

                                            <tr>


<td
style="width: 200px;">


Message Sender:


</td>


<td
style="width: 150px;">


<asp:TextBox ID="sendertxt"
runat="server"
Width="116px"
MaxLength="11"></asp:TextBox>


</td>



<td style="width: 200px;">


<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
runat="server" ControlToValidate="sendertxt"


Display="Dynamic"
ErrorMessage="RequiredFieldValidator"
ForeColor="Red">Required</asp:RequiredFieldValidator>


<%--</td>--%>


<%--<td style="width:200px;">--%>


<%--
<asp:CustomValidator ID="CustomValidator1"
runat="server" Display="Dynamic"
ControlToValidate="sendertxt"


                                                   ClientValidationFunction="Validate_Sender"
ForeColor="Red">Invalid message sender</asp:CustomValidator>


</td>

                                            </tr>

                                            <tr>


<td
style="width: 200px;">


Msessage Text:


</td>


<td>

                                                    <asp:TextBox ID="msgtxt" runat="server"
TextMode="MultiLine"
Height="88px"
Width="280px"


onkeyup="Update_Length_Label('bodyContent_msgtxt',
'bodyContent_length_lbl')"></asp:TextBox>


</td>

<td>

                                                    <asp:RequiredFieldValidator
ID="RequiredFieldValidator2" runat="server"
ControlToValidate="msgtxt"


ErrorMessage="RequiredFieldValidator"
Text="Required" ForeColor="Red">Reuired</asp:RequiredFieldValidator>


</td>

                                            </tr>

                                            <tr>

                                                <td>


Message Length:


</td>


<td
colspan="2">


<asp:Label ID="length_lbl"
runat="server"
Width="280px"
ViewStateMode="Enabled"></asp:Label>


</td>

                                            </tr>

                                            <tr style="height: 10px;">

                                            </tr>

                                            <tr>


<td
colspan="2">


<asp:Button ID="Savebtn"
runat="server"
Text="Send"
Font-Bold="False"
Font-Size="Large"


ForeColor="#333333"
Height="27px"
Width="85px"
OnClick="Sendbtn_Click"
/>


</td>


                              </tr>

                                        </table>

                                    </div>

                                </telerik:RadXmlHttpPanel>

                            </div>

                        </td>


</tr>


</table>

            </div>

        </telerik:RadPageView>



    </telerik:RadMultiPage>

any suggestions !!

TabStrip

answered on 04 Sep 2014

2 answers

80 views

[Solved] Eliminate all transparency from RadDock ?

Is it possible to drag around a RadDock without it becoming transparent?

I've tried hooking into the OnClientDragStart with this function:

function OnClientDragStart(sender, args)
{
   var dockElement = sender.get_element();
   dockElement.style.opacity = "";
   dockElement.style.mozOpacity = "";
   dockElement.style.filter = "";
}

It has no effect - I can set the transparency very low or high successfully, but even with transparency at the lowest, it visually looks about 50% transparent.

I've removed the SkinManager and tried a bunch of jQuery on individual elements in the OnClientDragStart function as well, but something in the framework is consistently setting the entire dock's transparency when dragging starts.

I'm using UI for ASP.NET AJAX, v2014.1.403.45

Thanks,
Mike

Dock

answered on 03 Sep 2014

2 answers

831 views

Help me stop RadGrid going to last page on Insert & keep dropdownlist data

I am using a radgrid populated by a standard object datasource with a matching data entity. The grid populates fine and everything is operating fine except for when the Add New Record button is clicked the grid loses its current page and goes to the last page of the grid.

I found a nifty way to stop that from happening along with preventing an edit and insert from occuring at the same time see code 1. This code block is firing on ItemCommand Insert Command.

The problem is when I call e.Canceled it completely messes up my ItemDataBound function that is populating a drop down list used to pick a value on insert. How can I do both, keep the drop down list populating appropriately and keep my paging where it started when the AddNewRecord was clicked? I am open to a solution that doesn't use code block 1 as i think it may over complicate it but I need some help on how to tackle the problem. Any ideas?

Code 1

switch (e.CommandName.ToUpper()) {

case "INITINSERT":

grid.MasterTableView.ClearEditItems();

//Ensure the grid doesn't jump to the last page

e.Canceled = true;

int pageIndex = e.Item.OwnerTableView.CurrentPageIndex;

e.Item.OwnerTableView.InsertItem();

e.Item.OwnerTableView.CurrentPageIndex = pageIndex;

e.Item.OwnerTableView.Rebind();

return;

case "EDIT":

e.Item.OwnerTableView.IsItemInserted = false;

return;

Grid

answered on 03 Sep 2014

3 answers

303 views

Custom Filter

Hello,

I am working on a project with a RadGrid.
I need to make a custom filter.
I read your documentation and saw the instructions how to do it.

My problem is that the code works only for string type filters.
I get the following error in line 08 when I try to filter other types:

Unable to cast object of type 'Telerik.Web.UI.RadNumericTextBox'
to type 'System.Web.UI.WebControls.TextBox'.

My grid is generic (columns and data fields types are changed dynamically in run-time).

VB.NET Code:

01.Private Sub RadGrid1_ItemCommand(sender As Object, e As GridCommandEventArgs) Handles RadGrid1.ItemCommand

02.

03.

04. If e.CommandName = RadGrid.FilterCommandName Then

05. Dim filterPair As Pair = CType(e.CommandArgument, Pair)

06. Dim filteritem = (CType(e.Item, GridFilteringItem))

07.

08. Dim textBox As TextBox = CType(filteritem(filterPair.Second.ToString()).Controls(0), TextBox)

09. 'Dim textBox As CheckBox = CType(x(filterPair.Second.ToString()).Controls(0), CheckBox)

10. 'Dim textBox As RadNumericTextBox = CType(x(filterPair.Second.ToString()).Controls(0), RadNumericTextBox)

11. 'Dim textBox As RadDatePicker = CType(x(filterPair.Second.ToString()).Controls(0), RadDatePicker)

12.

13. Dim val As String = textBox.Text

14. Select Case filterPair.First

15. Case "EqualTo"

16.

17. 'some logic

18.

19.

20. Case ""

21. End Select

22.

23.

24. e.Canceled = True

25.

26.

27. End If

28. End Sub

Thank you,
Daniel

Grid

answered on 03 Sep 2014

1 answer

227 views

Drawing the rectangle on Image load

I am using RadImageEditor & RadGrid with some data with coordinates, When i select a record in the grid i want to draw a rectangle on the image to show the record position on the image and when user selects another record then we should move the rectangle to different position on the image.

ImageEditor

answered on 03 Sep 2014

2 answers

101 views

[Solved] RadEditor in List items installation: missing commands in ribbon

Hello,

We have installed Telerik UI for ASP.NET Ajax (Telerik_Web_Parts_For_Sharepoint2010_2014_2_724_Trial.msi) and configured our SharePoint 2010 to use the RadEditor in List items as it is described here. We also performed an IISreset. Still a simple text box appears (see attached screen capture) instead of the full ribbon as shown into the demo. Note that the RadEditor WebPart works fine.

Could you please help us in understanding the missing configuration?

Regards,
Roger.

WebParts for SharePoint

answered on 03 Sep 2014

3 answers

128 views

RadAjaxLoadingPanel left align issue

Greetings,

I was struggling earlier to figure out why my loading panel was not showing. I inherited an application and was trying to Ajaxify it. One of my Loading Panels would not show up even though it was doing a lengthy post-back. I discovered that having align="left" on a table tag (I know, not good practice) causes the loading panel to disappear. Here is a sample...

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sample.aspx.cs" Inherits="Sample" %>

<html>

<head runat="server">

<title>Loading Panel Sample</title>

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"

Width="350">

<table border="1" width="350">

<tr>

<td>

<h2>

Loading Panel Will Show

</h2>

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="RadButton1" runat="server" Text="Post Me" OnClick="RadButton1_Click">

</telerik:RadButton>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

<br />

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel2">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="RadAjaxLoadingPanel2"

Width="350">

<table align="left" border="1" width="350">

<tr>

<td>

<h2>

Loading Panel Will Not Show

</h2>

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="RadButton2" runat="server" Text="Post Me" OnClick="RadButton2_Click">

</telerik:RadButton>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

using System;

public partial class Sample : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadButton1_Click(object sender, EventArgs e)

{

System.Threading.Thread.Sleep(1000);

}

protected void RadButton2_Click(object sender, EventArgs e)

{

System.Threading.Thread.Sleep(1000);

}

I removed the left alignment from the table tags and now working great. Just wanted to share in case somebody else has this issue.

Matt

Ajax

answered on 03 Sep 2014

1 answer

207 views

[Solved] Radgrid SelectedCellChanged Event

I have a Radgrid with 4 ItemTemplate columns each item template column has a Textbox. I need to fire SelectedCellChanged event when I move (click tab) from one cell (textbox) to other cell (I need to call a method which does calculations whenever a cell is changed). How do i do that?

Thanks in advance.

Note: I'm working on a web application using c#.

Regards,
Mohan.

Grid

answered on 03 Sep 2014

8 answers

375 views

Export to PDF - Borders

I'm struggling with borders on my Grid export to pdf. I have a grid that contains 3 detail tables. My biggest problem is that the 2nd and 3rd detail grids are not exporting with borders. The first detail grid exports with a border. I've tried changing all settings, and tried applying the borders in the code-behind to no avail. I'm also unable to remove borders. I tried setting the BorderType to "NoBorders", but the output still contains borders. Is there an issue with multiple detail tables? I've attached a sample export.

Here's my grid definition:

<telerik:RadGrid ID="CDMGrid" runat="server"

AllowPaging="True"

AllowSorting="true"

PageSize="25"

AutoGenerateColumns="false" Skin="Office2007"

OnNeedDataSource="CDMGrid_NeedDataSource"

OnItemDataBound="CDMGrid_ItemDataBound"

OnPreRender="CDMGrid_PreRender"

OnDetailTableDataBind="CDMGrid_DetailTableDataBind"

Height="657">

<ExportSettings IgnorePaging="false" OpenInNewWindow="true">

<Pdf PageHeight="210mm" PageWidth="297mm" DefaultFontFamily="Arial Unicode MS" PageTopMargin="25mm" BorderStyle="Thin" BorderColor="#666666" BorderType="AllBorders" />

</ExportSettings>

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="True" />

<MasterTableView TableLayout="Fixed" DataKeyNames="ServiceCode, HospRegn, TechnicalDesc" Name="MasterTableView">

<Columns>

<telerik:GridBoundColumn UniqueName="HospRegn" DataField="HospRegn" HeaderText="Region" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="60" />

<telerik:GridBoundColumn UniqueName="ServiceCode" DataField="ServiceCode" HeaderText="Svc Code" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="80" />

<telerik:GridBoundColumn UniqueName="GeneralDesc" DataField="GeneralDesc" HeaderText="General Description" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left" ItemStyle-Font-Size="11px" />

<telerik:GridBoundColumn UniqueName="TechnicalDesc" DataField="TechnicalDesc" HeaderText="Technical Description" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left" Visible="false" />

<telerik:GridNumericColumn NumericType="Currency" UniqueName="Price1" DataField="Price1" HeaderText="Current Price" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="85" />

<telerik:GridBoundColumn UniqueName="SvcTypeDesc" DataField="SvcTypeDesc" HeaderText="Svc Type" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="100" />

<telerik:GridBoundColumn UniqueName="InsCdStr" DataField="InsCdStr" HeaderText="Ins Cd" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="140" />

<telerik:GridBoundColumn UniqueName="GLKeyStr" DataField="GLKeyStr" HeaderText="GL Key" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridDateTimeColumn UniqueName="InactiveDate" DataField="InactiveDate" HeaderText="Inactive Date" HeaderStyle-HorizontalAlign="Center" DataFormatString="{0:d}" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="95" />

</Columns>

<DetailTables>

<telerik:GridTableView AllowPaging="false" AutoGenerateColumns="false" DataKeyNames="" Name="PriceDetail" Width="100%" Font-Size="11px">

<Columns>

<telerik:GridBoundColumn UniqueName="FormulaCode" DataField="FormulaCode" HeaderText="Formula Code" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" />

<telerik:GridNumericColumn NumericType="Currency" UniqueName="Price1" DataField="Price1" HeaderText="Price 1" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridNumericColumn NumericType="Currency" UniqueName="Price2" DataField="Price2" HeaderText="Price 2" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridNumericColumn NumericType="Currency" UniqueName="Price3" DataField="Price3" HeaderText="Price 3" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridNumericColumn NumericType="Currency" UniqueName="Price4" DataField="Price4" HeaderText="Price 4" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridBoundColumn DataFormatString="0.00" UniqueName="UnitAmt1" DataField="UnitAmt1" HeaderText="Unit Amt 1" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridBoundColumn DataFormatString="0.00" UniqueName="UnitAmt2" DataField="UnitAmt2" HeaderText="Unit Amt 2" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridNumericColumn NumericType="Currency" UniqueName="MinPrice" DataField="MinPrice" HeaderText="Min Price" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridNumericColumn NumericType="Currency" UniqueName="MaxPrice" DataField="MaxPrice" HeaderText="Max Price" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridDateTimeColumn UniqueName="EffectiveDate" DataField="EffectiveDate" HeaderText="Effective Date" HeaderStyle-HorizontalAlign="Center" DataFormatString="{0:d}" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="94" />

</Columns>

</telerik:GridTableView>

<telerik:GridTableView AllowPaging="false" AutoGenerateColumns="false" DataKeyNames="" Name="ProcedureDetail" Width="100%" Font-Size="11px">

<Columns>

<telerik:GridTemplateColumn UniqueName="Filler" />

<telerik:GridBoundColumn UniqueName="SegTypeInd" DataField="SegTypeInd" HeaderText="Seg Type" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="100" />

<telerik:GridBoundColumn UniqueName="ThirdPartyIndStr" DataField="ThirdPartyIndStr" HeaderText="Third Party Ind" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="140" />

<telerik:GridBoundColumn UniqueName="Code" DataField="Code" HeaderText="Code" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="70" />

<telerik:GridDateTimeColumn UniqueName="EffectiveDate" DataField="EffectiveDate" HeaderText="Effective Date" HeaderStyle-HorizontalAlign="Center" DataFormatString="{0:d}" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="94" />

</Columns>

</telerik:GridTableView>

<telerik:GridTableView AllowPaging="false" AutoGenerateColumns="false" DataKeyNames="" Name="CostCenterDetail" Width="100%" Font-Size="11px" BackColor="#fafdc9">

<Columns>

<telerik:GridTemplateColumn HeaderText="Technical Description" UniqueName="TechnicalDesc" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Right" ItemStyle-BackColor="#fafdc9" HeaderStyle-Width="250" >

<ItemTemplate>

<div style="padding-right: 16px;">

<asp:Label ID="TechnicalDescLabel" runat="server" Text='<%# Eval("TechnicalDesc")%>' />

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Allowable Cost Centers" UniqueName="AllowableCostCenters" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Right" ItemStyle-BackColor="#fafdc9">

<ItemTemplate>

<div style="padding-right: 16px;">

<asp:Label ID="AllowableCostCentersLabel" runat="server" Text='<%# Eval("CostCenters")%>' />

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<PagerStyle AlwaysVisible="True" />

</MasterTableView>

<ClientSettings>

<Scrolling UseStaticHeaders="true" AllowScroll="true" SaveScrollPosition="True" ScrollHeight="100" />

<Selecting AllowRowSelect="False" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 03 Sep 2014

3 answers

368 views

RadCombobox inside RadWindow cannot See show more items when maximize

Hi,

I had Radcombobox inside RadWindow. I set z-index of radcombox to be really hight value so that it can appear on top of radwindow when maximize the Radwindow.

<telerik:RadComboBox ID="cboLocation" EmptyMessage="Location ID or Name" Width="250px" CheckBoxes="true" Skin="Default" EnableLoadOnDemand="True" ShowMoreResultsBox="true" ForeColor="Black" EnableVirtualScrolling="true" Font-Size="12px" OnClientItemChecked="OnClientItemCheckedLoc" OnClientDropDownClosed="OnClientDropDownClosedLoc" AutoPostBack="false" runat="server" OnItemsRequested="cboLocation_ItemsRequested" EnableCheckAllItemsCheckBox="true" OnClientBlur="IsCheckAllSelectedLoc" ShowToggleImage="false" ZIndex="1000000" >

</telerik:RadComboBox>

The problem I am facing now is I can't see Show more result when I maximized the Radwindow. Please see attached image for example. If I don't maximized the radwindow Dropdown top bar will hide under browser bookmark bar. I tried to put ItemsPerRequest , but it is still now working. Can anyone help me?

Thank you.

Best regards,
Ei

ComboBox

answered on 03 Sep 2014