Questions on UI for ASP.NET AJAX Forum

11 answers

165 views

Hi All,

So am I missing a trick somewhere.

At the moment the main skin that I use is Office2010Blue. When using RadDock the background is mediumish blue but I want it to be white. I can change the content cell css to white but the surrounding cells stay as blue. I can understand this when using rounded corners as the image padding is needed but when not using rounded corners there is no need to provide the image.

Is there a work around for this?

Regards,

Jon

Dock

answered on 10 Feb 2012

2 answers

106 views

RadCombobox filtertring not working in IE9

I have Q1 2009 version currently problem is that In my application I am using multicolum, load on demand and filtering functionality in rad combobox now Microsoft lunched IE 9 and combobox is not working when I clicked on comparability mode its work but my page themes will distrube I want to fix radcombo box kindly help me thanks.

<telerik:RadComboBox ID="ddlProject" runat="server" Height="190px" Skin="Outlook"

DataValueField="Project_ID" AutoPostBack="true" Width="500px" AllowCustomText="True"

ShowToggleImage="True" EmptyMessage="Choose Project Name" ShowMoreResultsBox="true"

EnableLoadOnDemand="True" MarkFirstMatch="True" HighlightTemplatedItems="true"

OnItemsRequested="ddlProject_ItemsRequested" EnableVirtualScrolling="true">

<HeaderTemplate>

<table class="style1">

<tr>

<td width="50%">

Customer Name

</td>

<td width="30%">

Project Name

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table class="style1">

<tr>

<td width="50%">

<%# DataBinder.Eval(Container.DataItem, "ModelCustomer.Customer_Name")%>

</td>

<td width="30%">

<%# DataBinder.Eval(Container.DataItem, "Project_Name") %>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

ComboBox

answered on 10 Feb 2012

1 answer

51 views

Deployment of a web application with RadScheduler

Hello, Telerik Team.

I have been developing a web application in the following environment:
- Windows XP Professional Version 2002 Service Pack 3
- Microsoft .Net Framework Version 4.0.30319 RTMRel
- Visual Studio 2010 Version 10.0.30319.1 RTMRel
- RadControls for ASP.NET AJAX Q2 2011 SP1

While testing the application, launched from Visual Studio, no errors are reported.
After deploying the application to my local IIS, no errors are reported as well.
However, after deploying the application to IIS in a computer running Windows Server 2003 R2 Standard Edition Service Pack 2, the attached error message is displayed when one of the aspx pages is launched.

Using remote debugging, I have added a breakpoint at the very beginning of each method implemented on the server side of the page that crashes. Without any exception, all of them are executed without errors.
The last method successfully executed before the application crashes is the following:

protected void RadScheduler1_ResourcesPopulating(object sender, ResourcesPopulatingEventArgs e)

// Description: this methods initializes the extended properties of the scheduling information.

{

String aux = System.Web.HttpContext.Current.Session["ClubId"].ToString();

Int16 clubId = Convert.ToInt16(aux);

e.SchedulerInfo = new SchedulerInfoExt(e.SchedulerInfo, clubId, System.Web.HttpContext.Current.Session["ResourceType"].ToString());

}

On the client side of the page that crashes, "debugging" has been added at the very beginning of all JavaScript functions. None of the breakpoints are reached.

Based on the error message, would it be possible to identify why the application crashes?
Are there methods I should create on the server side that could identify the problem?
Are there functions I should create on the client side that could identify the problem?

Thank you in advance.
Paulo

Scheduler

answered on 10 Feb 2012

2 answers

115 views

Resize RadWindow After AjaxRequest

I've been searching and experimenting for a long time but cannot figure this one out. I have a modal RadWindow popup on my page. I have a javascript function to set the size of the window that I call in the onload event of the body of my popup (<body onload="ResizeRadWindow();"). That works great.

I also have a RadComboBox on the page and a Label below that combo. These controls are both included in a RadAjaxManager such that when the SelectedIndexChanged event of the combo fires it will update the text within the label below it. Sometimes the text in this label will be long and shift the rest of the controls on the popup page down and cause the popup to display scrollbars. This is my problem. I already have this wonderful ResizeRadWindow javascript function that I would love to call AFTER the controls on the popup page have shifted down but I cannot figure out how to do it at the right time.

I have tried using a Literal control on the page and setting the text of that control to "ResizeRadWindow();" within the SelectedIndexChanged event of the combo (where I set the text of the label) but the size of the page hasn't changed at that point yet so nothing appears to happen.

Any suggestions would be great!

Thanks,
Dan

Window

answered on 10 Feb 2012

1 answer

73 views

How to stop reloading of radrotator on every item click?

Hello,

I am using radrotator having xml datasource to load thumb images in ratator also rotator is having scroll using javascript which rotates thumb images horizontally when I click on scroll button and then click on image in rotator its original image get visible on top of this rotator but the problem is thumb rotator starts again from first image. Even I used the rad ajax panel for this but the problem is same.

Can someone help me how to stop this reloading of radrotator it should show the clicked image.

General Discussions

answered on 10 Feb 2012

2 answers

131 views

Grid inline Add, Delete. Hijack edit column. Help!

My requirements are as follows:

A grid with inline add capability.
A column with delete capability.
No edit capability. In line or otherwise.

My problem is twofold. One it seems the only way to get the Insert/Cancel buttons to show up on inline add is to have an edit column defined. If this is not accurate please let me know.

The second problem is once I have a edit column the add works. But I do not want to edit. I have figured out how to hide the edit button but an empty column doesn't satisfy the customer either.

I have figured out how to direct the edit column to my delete function.... but my only problem remaining is I cannot change the edit pencil sprite to be the delete X sprite or delete Trashcan sprite.. In fact what I get is both icons overlaid on top of one another. Perhaps there is a property I am unaware of to remove the edit pencil image?

Please help with either how to get the correct image to display in my hijacked edit column or if there is a simpler approach to meet my requirements that I am unaware of.

Here is my code:

<telerik:RadGrid ID="Grid" runat="server" AutoGenerateColumns="False"

CellSpacing="0" GridLines="None" Skin="Outlook" OnNeedDataSource="GetDataSource"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True" OnItemCommand="GridOnCommand"

OnPreRender="GridPreRender">

<MasterTableView IsFilterItemExpanded="True" CommandItemDisplay="Top" EditMode="InPlace">

<CommandItemSettings ShowAddNewRecordButton="true" AddNewRecordText="Add Record" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn FilterControlAltText="Filter Col1 column" HeaderText="Col1"

UniqueName="Col1" DataField="Col1">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter Col2 column" HeaderText="Col2"

UniqueName="Col2" DataField="Col2">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter Col3 column" HeaderText="Col3"

UniqueName="Col3" DataField="Col3">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter Col4 column" HeaderText="Col4"

UniqueName="Col3" DataField="Col4">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditColumn">

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Code Behind:

protected void GridPreRender(object sender, EventArgs e)

{

foreach (GridDataItem item in Grid.MasterTableView.Items)

{

ImageButton btn = (ImageButton)item["EditColumn"].Controls[0];

btn.CommandName = "Delete";

btn.CssClass = "rgDel";

btn.ToolTip = "Delete";

}

See the attached file for a picture of how this is currently outputting. The add in line column is expanded.

Grid

answered on 10 Feb 2012

1 answer

119 views

Postback cause on Mouseout

I followed the example in your demo, but for some reason whenever my mouse moves off the detail label it causes an entire page refresh. Has anyone had this happen or now of a quick setting to prevent this?

The application has multiple tabs and when the issue happens, the user has clicked into the second tab so the page itself is already in postback state.

Tooltip Manager source:

<telerik:RadToolTipManager runat="server" AnimationDuration="300" ShowDelay="200"

EnableShadow="true" HideDelay="0" ID="RadToolTipManager1" Width="463px" Height="220px"

RelativeTo="Element" Animation="Slide" Position="BottomCenter" OnAjaxUpdate="OnAjaxUpdate"

Skin="Telerik" />

Code behind:

Protected Sub rpExercise_ItemDataBound(sender As Object, e As System.Web.UI.WebControls.RepeaterItemEventArgs) Handles rpExercise.ItemDataBound

Dim lnkBtn As Label = e.Item.FindControl("lblDetails")

Dim currentRow As System.Data.DataRowView = DirectCast(e.Item.DataItem, System.Data.DataRowView)

Me.RadToolTipManager1.TargetControls.Add(lnkBtn.ClientID, currentRow.Row("id").ToString(), True)

End Sub

Protected Sub OnAjaxUpdate(sender As Object, args As ToolTipUpdateEventArgs)

Me.UpdateToolTip(args.Value, args.UpdatePanel)

End Sub

Private Sub UpdateToolTip(elementID As String, panel As UpdatePanel)

Dim lbl As New Label

lbl.Text = "Hi there"

panel.ContentTemplateContainer.Controls.Add(lbl)

End Sub

ToolTip

answered on 10 Feb 2012

8 answers

71 views

GetLocalizationScript error

Hi,

I am upgrading 2008 Q3 version of telerik control to 2011 Q3 version in my project in .NET 4.0. To localize/customize the HyperLinkManager of the editor, The LinkManager.ascx file (without .cs file) of the Telerik was customized.

We do have that file under RadControls\Editor\Dialogs folder. It used to work fine until we upgraded. Now, when we click the hyperlink manager icon on the editor it throws the below exception. Is there any workaround for this?

[NullReferenceException: Object reference not set to an instance of an object.]

Telerik.Web.UI.Dialogs.UserControlResources.GetLocalizationScript() +995

Telerik.Web.UI.Dialogs.UserControlResources.OnPreRender(EventArgs e) +46

System.Web.UI.Control.PreRenderRecursiveInternal() +103

System.Web.UI.Control.PreRenderRecursiveInternal() +175

System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint

Editor

answered on 10 Feb 2012

1 answer

82 views

LinkManager control allignment

Hi,
I am using the RadEditor from 2011 Q3 version of telerik as below. It is very straight forward at this point. But the controls are all vertically aligned instead of top in IE 7. In IE 8 it works fine. I checked the demos in the below link:

http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx

I behaves the same as I experienced. Please take a look at the above link, open the hyperlink manager and open the Anchor or Email tab. You will see that the controls are centrally aligned in IE 7 and aligned top in IE 8. Is there any workaround in IE7 to behave like IE 8?

<telerik:RadEditor ID="RadEditorSettings" runat="server" Skin="Web20" Height="300px" Width="700px"> </telerik:RadEditor>

I tried to override the height in the below css, but RadEditor does not take the overridden style.

.reControlsLayout

{

width: 100%;

height: 100%;

}

ComboBox

answered on 10 Feb 2012

1 answer

97 views

Editor changes valid html

HI
I am using the editor in a new website, reusing pages that already work on another of my sites.
However, despite no changes to the page code, the editor will not let me save valid html.
It converts the self closing image tag to separate tags and the line break element into multiple
separate tags.
How can I overcome this, which is different to the behaviour on a site I have just released.
Q3 2010 controls, asp.net 4.0
Thanks
Clive

I want to save this:



<

h4>Heading here</h4>

<img alt="" src="~/images/widgets/scotland1-200x130.jpg" />

Learn more about<br />

<a href="~/rally-programme/default.aspx">forthcoming rallies...</a

>



but I get this:



<h4>Heading here</h4

<img alt="" src="~/images/widgets/scotland1-200x130.jpg"></img>

Learn more about<br></br><br></br><a href="~/rally-programme/default.aspx">forthcoming rallies...</a>

Editor

answered on 10 Feb 2012