Questions on UI for ASP.NET AJAX Forum

5 answers

98 views

Hi,
I have a problem with the borders, but it only seems to be happening in IE 10. Now... sometimes, it works in compatibility mode, but we cannot expect customers to know how compatibility mode works.

I have attached two screenshots of the dev tools for IE 10 and Chrome to show the difference in the rendered CSS. It seems that (in this case, the right border of the pop-up window) the resource is not being rendered though the table cell is, but looks fine in chrome.

I also have the title bar of the window missing (well, the title bar is present, but the background border / image is missing).

Any help would be appreciated.

I have the hotfix for Microsoft ajax installed. I am using 2013.1.220.40 of the telerik controls.

Thank you.

Window

answered on 20 Mar 2013

3 answers

96 views

Cannot click links on radscheder

since upgrade 2012.3.1205.35, hyperlinks and button inside RadScheduler appointment templates does not work. I made a client click working by handling the "ontouchend" event. I also have a span in my template that opens a radToolTip and it won't open anymore either. Can I do something to make all my clicks work as they were in previous telerik versions and in desktop verrsions? I can also reproduce the bug in Chrome with user agent "Ipad - IOS 5 " and "Emulate touch events" checked

Scheduler

answered on 20 Mar 2013

5 answers

852 views

ComboBox dropdown list not in place when scrolling with mouse

Hi,

I am having problem with dropdownlist of radcombobox not sticking to the combobox when i scroll the page using mouse. The radcombobox gets displayed in a modalpopup which is created using ajaxcontroltoolkit's modal popup extender. When the background page gets scrolled using mouse wheel the dropdown list also goes up and down along with the scroll

I know this is getting caused due to the css. Need some help fixing the css for the same

ComboBox

answered on 20 Mar 2013

2 answers

103 views

Rad Grid Export to PDF

Hi,

I am adding the PageTitle to the pdf. I need my page title should be in muliple line. if i use <br/> or <p> tags but its not working.
If i add PageTitle it will look like below
    order : x order type:y
but i need like below
    order:x
    order type : y

Can any one help me in this.

Nithya

Grid

answered on 20 Mar 2013

1 answer

156 views

Drag/Drop not working in user control

hi,

we have an ASP.NET website.

Within here a user control.

THis user control contains two RADGRID controls.

Grid 1 is populated with data. Grid 2 is empty.

We are trying to drag a row from Grid 1 to Grid 2.

We have this working in another web page, but it seems that within a user control there are complications. When we perform the drag/drop we get this error:

System.Web.HttpUnhandledException: Exception of type 'System.Web.HttpUnhandledException' was thrown. ---> System.NullReferenceException: Object reference not set to an instance of an object. at Telerik.Web.UI.RadGrid.RaisePostBackEvent(String eventArgument) at System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) --- End of inner exception stack trace --- at System.Web.UI.Page.HandleError(Exception e) at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) at System.Web.UI.Page.ProcessRequest(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) at System.Web.UI.Page.ProcessRequest() at System.Web.UI.Page.ProcessRequest(HttpContext context) at ASP.review_aspx.ProcessRequest(HttpContext context) in c:\Windows\Microsoft.NET\Framework64\v2.0.50727\Temporary ASP.NET Files\mppr4\4fbd45b7\6039e974\App_Web_r6ddz0kb.20.cs:line 0 at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)

The AJAX manager and settings are set up in the web page that is hosting the user control.

Here is the client script:

function onRowDropping(sender, args) {

debugger;

if (sender.get_id() == "<%=rgArticles.ClientID %>") {

var node = args.get_destinationHtmlElement();

if (!isChildOf('<%=RadGrid1.ClientID %>', node) && !isChildOf('<%=rgArticles.ClientID %>', node)) {

args.set_cancel(true);

}

function isChildOf(parentId, element) {

while (element) {

if (element.id && element.id.indexOf(parentId) > -1) {

return true;

}

element = element.parentNode;

}

return false;

}

What is happening is the code behind rowdropping method is not firing, instead we get the error above.

Does anyone have ideas why this wouldn't be working in a user control ?

Vanaja

Grid

answered on 20 Mar 2013

3 answers

213 views

Refresh radgrid in usercontrol in a multipageview from RadWindow

Hi,

I have a main page which has a RadTabStrip with several tabs & each of these tabs has a page from a RadMultipage assigned to it. Each page has a usercontrol that i have defined which is a Radgrid with different data in each one.

I also have a radwindow which open the edit window to modify records that the radgrids display. This works fine except once i close the RadWindow, the radgrid in the usercontrol within the pageview does not update. I have tried to databind the RadTabStrip, the RadMultipage control & the Radgrid itself but i don't seemt o be able to get the Radgrids to refresh unless i refresh the whole page.

Can anyone help with refreshing (rebinding) the radgrid within a usercontrol which is used on a RadMultipage tabstrip & is being updated from a radwindow?

Regards,

Shuja

TabStrip

answered on 20 Mar 2013

1 answer

250 views

Allow filter on Column GridNumericColumn with special characters

I'm doing a personalized filter, that allow the use of specials characters. How for example ">1" = "greater that one", this can be done in any column, of any type, numeric, date, string, etc.

But at the that i could perceive, the column filter GridNumericColumn not allow non-numeric characters.

I wonder if there is any way to make the filter a column of type GridNumericColumn allow the entry of some special characters.

This is possible?

Thank you.

Fernando Leal

Grid

answered on 20 Mar 2013

1 answer

175 views

RadMenu to show a multi level menu

I have data upon below type ,

public class MenuItem

{

public string Name { get; set; }

public List<MenuItem> Items { get; private set; }

public MenuItem()

{

this.Items = new List<MenuItem>();

}

How can I bind to RadMenu to show a multi level menu ?

I want this in ASP.NET AJAX way.

Menu

answered on 20 Mar 2013

1 answer

88 views

Closing insert template

I'm developing a grid based largely on http://demos.telerik.com/aspnet-ajax/grid/examples/programming/commanditem/defaultcs.aspx

I need to be able to programatically abort inserting a record, and close the insert items template so that the user no longer sees the controls used for inserting. In the grid's ItemCommand, event, I want to do something like this:

public void radGrid_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

switch (e.CommandName.ToString())

{

case "PerformInsert":

{

//do something to determine if I can insert a record

//if I can not insert a record

//How do I close the insert items template?

I've tried e.Cancelled = true; but that doesn't seem to work. At this point, I successfully abort the insert, but the user continues to see the insert controls. She/he has to click the insert template's cancel button to close them.

Thanks!

Here's the grid markup:

<telerik:RadGrid runat="server" ID="rgDashboardGoals" AllowSorting="false" AllowAutomaticDeletes="true"

GridLines="None" AllowFilteringByColumn="false" AllowPaging="true" Skin="Outlook"

EnableViewState="true" AutoGenerateColumns="false" AllowAutomaticUpdates="true" PageSize="10"

AllowMultiRowSelection="True" AllowMultiRowEdit="True" AllowAutomaticInserts="True"

OnItemUpdated="rgDashboardGoals_ItemUpdated" OnItemCommand="rgDashboardGoals_ItemCommand"

OnPageIndexChanged="rgDashboardGoals_PageChange" OnItemDataBound="rgDashboardGoals_ItemDataBound"

StatusBarSettings-LoadingText="Loading..." OnNeedDataSource="LoadDashboardGoalsGrid">

<MasterTableView DataKeyNames="PartsDashboard_id,MonthYear" CommandItemDisplay="Top">

<CommandItemTemplate>

<div style="padding: 5px 5px;">

Dashboard Goals grid management tools >>

<asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected"

Visible='<%# rgDashboardGoals.EditIndexes.Count == 0 %>'>

<img style="border:0px;vertical-align:middle;" alt="" src="../Images/Edit.gif"/>Edit selected

</asp:LinkButton>

<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited"

Visible='<%# rgDashboardGoals.EditIndexes.Count > 0 %>'>

<img style="border:0px;vertical-align:middle;" alt="" src="../Images/Update.gif"/>Update

</asp:LinkButton>

<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" CausesValidation="false"

Visible='<%# rgDashboardGoals.EditIndexes.Count > 0 || rgDashboardGoals.MasterTableView.IsItemInserted %>'>

<img style="border:0px;vertical-align:middle;" alt="" src="../Images/Cancel.gif"/>Cancel

</asp:LinkButton>

<asp:LinkButton ID="LinkButton2" runat="server" CommandName="InitInsert"

Visible='<%# !rgDashboardGoals.MasterTableView.IsItemInserted %>'>

<img style="border:0px;vertical-align:middle;" alt="" src="../Images/AddNew.gif"/>Add new

</asp:LinkButton>

<asp:LinkButton ID="LinkButton3" runat="server" CommandName="PerformInsert"

Visible='<%# rgDashboardGoals.MasterTableView.IsItemInserted %>'>

<img style="border:0px;vertical-align:middle;" alt="" src="../Images/Insert.gif"/> Add this goal record

</asp:LinkButton>

<asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete selected goal record(s)?')"

runat="server" CommandName="DeleteSelected">

<img style="border:0px;vertical-align:middle;" alt="" src="../Images/deleteRecord.gif"/>Delete selected goal records

</asp:LinkButton>

<asp:LinkButton ID="LinkButton4" runat="server" CommandName="RebindGrid">

<img style="border:0px;vertical-align:middle;" alt="" src="../Images/refreshGrid.gif"/>Refresh grid

</asp:LinkButton>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridBoundColumn ReadOnly="true" UniqueName="Dealer_id" HeaderText="Dealer Code"

SortExpression="Dealer_id" DataField="Dealer_id" />

<telerik:GridBoundColumn UniqueName="MonthYear" DataField="MonthYear" ReadOnly="true"

HeaderText="Month/Year" SortExpression="MonthYear" />

<telerik:GridTemplateColumn ReadOnly="true" UniqueName="HinoOnlyGoal" SortExpression="HinoOnlyGoal"

HeaderText="Hino Only Goal">

<ItemTemplate>

<asp:Label ID="lblHinoOnlyGoal" Text='<%# Eval("HinoOnlyGoal").ToString() %>' runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="GoalMonthInsert" EditFormColumnIndex="0" Visible="false"

HeaderText="Goal Month">

<InsertItemTemplate>

<asp:DropDownList ID="ddlGoalMonth" runat="server" CssClass="hino_text">

<asp:ListItem Text="January" Value="1" />

<asp:ListItem Text="February" Value="2" />

<asp:ListItem Text="March" Value="3" />

<asp:ListItem Text="April" Value="4" />

<asp:ListItem Text="May" Value="5" />

<asp:ListItem Text="June" Value="6" />

<asp:ListItem Text="July" Value="7" />

<asp:ListItem Text="August" Value="8" />

<asp:ListItem Text="September" Value="9" />

<asp:ListItem Text="October" Value="10" />

<asp:ListItem Text="November" Value="11" />

<asp:ListItem Text="December" Value="12" />

</asp:DropDownList>

</InsertItemTemplate>

</telerik:GridTemplateColumn

<telerik:GridTemplateColumn UniqueName="GoalYearInsert" EditFormColumnIndex="0" Visible="false"

HeaderText="Goal Year">

<InsertItemTemplate>

<asp:DropDownList ID="ddlGoalYear" runat="server" CssClass="hino_text">

<asp:ListItem Text="2013" Value="2013" />

<asp:ListItem Text="2014" Value="2014" />

<asp:ListItem Text="2015" Value="2015" />

<asp:ListItem Text="2016" Value="2016" />

<asp:ListItem Text="2017" Value="2017" />

<asp:ListItem Text="2018" Value="2018" />

</asp:DropDownList>

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="HinoOnlyGoalEdit" EditFormColumnIndex="0" Visible="false"

HeaderText="Hino Only Goal">

<EditItemTemplate>

<asp:TextBox ID="txtHinoOnlyGoal" runat="server" Text='<%# Eval("HinoOnlyGoal").ToString() %>' />

<asp:RequiredFieldValidator ID="rfvHinoOnlyGoal" ControlToValidate="txtHinoOnlyGoal"

ErrorMessage="*- Required" runat="server" InitialValue="" />

<asp:RegularExpressionValidator ID="revHinoOnlyGoal" runat="server" ControlToValidate="txtHinoOnlyGoal"

ErrorMessage="* - Must be a valid number. "

ValidationExpression="[0-9]+(\.[0-9][0-9]?)?" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn ReadOnly="true" UniqueName="AllMakesGoal" SortExpression="AllMakesGoal"

HeaderText="All Makes Goal">

<ItemTemplate>

<asp:Label ID="lblAllMakesGoal" Text='<%# Eval("AllMakesGoal").ToString() %>' runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="AllMakesGoalEdit" EditFormColumnIndex="0" Visible="false"

HeaderText="All Makes Goal">

<EditItemTemplate>

<asp:TextBox ID="txtAllMakesGoal" runat="server" Text='<%# Eval("AllMakesGoal").ToString() %>' />

<asp:RequiredFieldValidator ID="rfvAllMakesGoal" ControlToValidate="txtAllMakesGoal"

ErrorMessage="*- Required" runat="server" InitialValue="" />

<asp:RegularExpressionValidator ID="revAllMakesGoal" runat="server" ErrorMessage="* - Must be a valid number. "

ControlToValidate="txtAllMakesGoal" ValidationExpression="[0-9]+(\.[0-9][0-9]?)?" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings ColumnNumber="3">

<FormTableItemStyle Wrap="False"></FormTableItemStyle>

<FormCaptionStyle></FormCaptionStyle>

<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" Width="100%" />

<FormTableStyle GridLines="Horizontal" CellSpacing="0" CellPadding="2" Height="110px" Width="100%" />

<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>

<FormStyle Width="100%" BackColor="#eef2ea"></FormStyle>

<EditColumn UniqueName="EditCommandColumn1" UpdateImageUrl="../Images/order.gif"

CancelImageUrl="../Images/cancel.gif" ButtonType="ImageButton" />

<FormTableButtonRowStyle HorizontalAlign="Left"></FormTableButtonRowStyle>

</EditFormSettings>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="True" />

</ClientSettings>

</telerik:RadGrid>

e.Canceled =

true;

e.Canceled =

true;

e.Canceled =

true;

Ajax

answered on 20 Mar 2013

1 answer

108 views

Uploading file to external handler

Hi,

While evaluating the upload control. I found that the files can be uploaded to a handler which is inside the project. I am interested in uploading the file to the external url

https://westcoast1.abc.com/CabinetUploadHandler/HttpUploadHandlerMultiParseV2.ashx?file=Flo-img1.JPG&offset=0&last=True&first=True&param=CommandType=1.6.2.1.1~AccountID=1374~CabinetID=13245~FolderID=13733~FolderType=3~InviteeID=13516~UserID=13239~InviteeEmail=sudiptoc@planwell.com&fileGuid=4212ebb1-4f70-4531-9245-eed9da785f66&size=97838&OnDuplicateAction=1&HeaderID=13428&TotalCount=1&DropboxUploadID=13131

I am not able to do the post to this url. Please help.

AsyncUpload

answered on 20 Mar 2013