Questions on UI for ASP.NET AJAX Forum

2 answers

137 views

[Solved] 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

95 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

188 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

167 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

109 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

109 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

165 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

3 answers

132 views

An error regarding the RadGrid in the RadWindow

hello this is manesh,

frnds my problem is that, we see many examples like clicking a button and a pop-up will be opened similarly here i'm opening a radwindow containing a grid inside it with 2 columns so for the first time i'm getting it clearly with lines and all so when i click it the data is appeared in the text box but when ever i clicked the button for the second time the grid is disappearing but the data is presented so please any once could solve this problem

Window

answered on 10 Feb 2012

11 answers

164 views

Design a ToolTip contains many controls.

Hai,

I have 5 images in my page and i want to display the tooltip for each image. The tooltip should contains an image, 4 labels,4 textboxes, 2 buttons. How can i create this type of tooltips.

Thanks,
Velkumar.

ToolTip

answered on 10 Feb 2012

4 answers

153 views

Load External Dialogs

I am trying to implement a RadImageEditor with custom dialogs. I would like to load the dialogs from external location like the example here:
http://www.telerik.com/help/aspnet-ajax/radimageeditor-externaldialogspath-property.html
However, I do not have the property 'ExternalDialogsPath' available in the control.

I also tried to implement the example outlined here:
http://www.telerik.com/community/code-library/aspnet-ajax/image-editor/registering-external-dialogs-of-radimageeditor.aspx
But I get a ' 'LoadDialog' is not a member of 'Telerik.Web.UI.Editor.DialogControls.ImageEditorDialog' ' error message.

I am using the latest release (2011.3.1305.40).

What am I doing wrong?

ImageEditor

answered on 10 Feb 2012