[Solved] Fadein/fadeout on column actionlink

[william]

Hi All,

I have the following code that works fine as it stands.  However, on my Delete ActionLink, I would like to place a fade in/fade out of the screen with the question 'are you sure you want to delete'. Does anybody know a good way to do this?

Thanks

@(Html.Telerik().Grid(Model.Sections)
                    .Name("policyZoneGrid")

                    .DataKeys(keys => keys.Add(r => r.SectionID))
                        .Groupable(grouping => grouping.Groups(groups =>
                        {
                            groups.Add(r => r.UIDisplayName);
                        }))
                .ToolBar(toolbar => toolbar.Template(@<text>
                    <button id="addSection" name="submitButton" value="addSection" type="submit">Add Section</button><span> </span>
                    @Html.DropDownListFor(x => x.SectionTypeSelectedId, new SelectList(Model.SectionTypes, "Value", "Text"))
                 </text>))
                    .Columns(columns =>
                        {
                            columns.Template(@<text>
                            @Html.ActionLink(" ", "Edit", @item.ControllerName, new { sectionID = @item.SectionID, policyZoneID = ViewData["policyZoneID"] }, new { @class = "editLink" })
                            @Html.ActionLink(" ", "Delete", @item.ControllerName, new { sectionID = @item.SectionID, policyZoneID = ViewData["policyZoneID"], policyID = Model.PolicyID, policyVersion = Model.PolicyVersion }, new { @class = "deleteLink" })
                            </text>).Width(20).Title("Commands");
                                                       columns.Bound(r => r.Name).Title("Name").Width(10);
                            columns.Bound(r => r.UIDisplayName).Title("Section").Width(10);
                        })
.......