Hi Gang,

This has me stumpted. I am re-writing ManageCategories.aspx and one of the changes I am making is I am using the regular asp:ImageButton for editing a category instead of the asp:CommandField which Marco uses.

When you use the CommandField control you can select the current row in the GridView by setting the ShowSelectButton prop of the CommandField control so when you click it, the row is selected and the DetailsView control knows which category to show and everything works well.

The ImageButton has no such prop. In the event handler of the button, I need to get the proper index so I can select the row and run the line that puts the DetailsView in edit mode. But I can't figure out how to do that. The sender param of the event handler is the button itself.

I could make an AddEditCategory page and do the editing from there (sending the ID of the current Category) but I like Marco's layout and I want to keep it if possible. Please help.

Thanks.

Steve

Hi,

I've decided to quit trying to use the regular controls and stick with the ones Marco uses. The reason I wanted to make the change is because, with the controls Marco uses, there is a fairly wide margin between the buttons as they line up horizontally and I could not figure out how to bring them together so they appear like a tool bar. I have tried to set the cellspacing prop of the gridview to 0 and other things but the gap remains. In design view, the controls appear in their cells with no gap but the gap is there in runtime. Anyone know how to fix this?

If I can't figure it out, I will add a gap to the regular buttons that appear elsewhere in the application to make it look uniform. But it looks kind of clunky.

Thanks

Steve

The solution is not to use the command buttons but to use the generic buttons instead. They group better. You can put them into a template and position them easily. My problem was that I could not get Marco's Edit button to work because I could not find out how to get the row index in order to programmatically select it. However I discovered that you can make an edit button that will automatically select its row with no code. All you have to do is set the button's CommandName prop to 'Select'. That's it.