Questions on UI for ASP.NET AJAX Forum

2 answers

149 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

137 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

86 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

95 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

140 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

124 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

145 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

134 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

8 answers

326 views

How to insert new row using GridFootItem button

Hi,

In rad grid I have button in Footer. When I click this "AddorUpdateButton" need to update all the edited records. Its working fine.
But When I am using Add New Record button from above the header and then when I click "AddorUpdateButton" its won't take new record its taking only Edited row only.

Please help me on this..!

Thanks & Regards,
Raja M

Grid