[Solved] EditForm (in line) - Display/behavior adjustments

[J]

See attached screenshot.

Does anyone know how to remove the column border lines?  I'd like to remove the one in between the final 2 columns in the screen shot (the one right before the Delete (X) button).

Also, when I'm using the Tab key to move from column to column, I'd like to prevent the Delete (X) button from being able to be tabbed to.  Any ideas on how to do this?

Thanks again.

[J]

Anyone know if these are possible?

[Kostadin]

Hello Juan,

You could use a CSS rule in order to remove the borders. Note that you have to set a CssClass in order to apply the style just to that column.

html .RadGrid .rgMasterTable .rgRow .CustomClass,
        html .RadGrid .rgMasterTable .rgAltRow .CustomClass
        {
            border:none;
        }

As to your second requirement you could set a tabindex to -1. This way the delete button could not be focused.

Kind regards,
Kostadin
the Telerik team

[J]

Where would I set the TabIndex?  I tried on the column's definition and item style but no go.  Here is my column's definition:

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" FilterControlAltText="Filter DeleteColumn column"
    ImageUrl="Images/305_Close_16x16_72.png" Text="" UniqueName="DeleteColumn" Resizable="false"
    ConfirmText="Remove this athelete?" ConfirmDialogType="RadWindow" ConfirmTitle="Remove"
    ShowInEditForm="True">
    <HeaderStyle Wrap="False" HorizontalAlign="Left" Width="24px" CssClass="grid-header grid-header-last">
    </HeaderStyle>
    <ItemStyle Width="100%" HorizontalAlign="Right" VerticalAlign="Top" />
</telerik:GridButtonColumn>

I know I can remove it from the edit form, but I don't want that.  I want them to be able to click Delete, just not tab to it.

[Kostadin]

Hello Juan,

Note that you have to add it as an attribute of the LinkButton. Check out the following code snippet.

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            GridDataItem item = e.Item as GridDataItem;
            LinkButton delButton = item["DeleteButtonColumnUniqueName"].Controls[0] as LinkButton;
            delButton.Attributes.Add("tabindex", "-1");
        }
    }

Greetings,
Kostadin
the Telerik team

[J]

Awesome.  TY so much.

[J]

FYI, I got it working and it doesn't need to be a LinkButton.

Here is the code in case anyone else might find it useful:

protected void grdAthletes_ItemDataBound(object sender, GridItemEventArgs e)
{
Control ctrlFields = null;

    try
    {
        if (e.Item.IsInEditMode)
        {
            ctrlFields = ((GridEditableItem)e.Item)["DeleteColumn"].Controls[0];
            ((ImageButton)ctrlFields).TabIndex = -1;
        }
    }
    catch (Exception ex)
    {
        System.Diagnostics.Debug.Print("Error: " + ex.ToString());
        Exceptions.ProcessModuleLoadException(this, ex);
    }
}