This is a migrated thread and some comments may be shown as answers.

Controls Layout in dynamic CommandItemTemplate

1 Answer 65 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Ron asked on 10 Sep 2010, 08:14 PM
Currently, I have a dynamically templated RadGrid. The RadGrid's commandItemTemplate is created during runtime. In this case, the ImageButton will appear on the left of the command template and the LiteralControl will be next to the ImageButton. How can I position the LiteralControl in the middle of the  CommandItemTemplate? I created the CommandItemTemplate using the ITemplate interface as shown below. Appreciate some help on positioning the LiteralControl to be in the middle/center of the CommandItemTemplate.

RadGrid1.MasterTableView.CommandItemTemplate = new CustomCommandItemTemplate(tableName);
 
//The CustomCommandItemTemplate class
public class CustomCommandItemTemplate : ITemplate
    {
private string tableName;
public CustomCommandItemTemplate(string tableName)
{
this.tableName = tableName;
}
public void InstantiateIn(System.Web.UI.Control Container)
        {
            ImageButton imgAdd = new ImageButton();
            imgAdd.ID = "add_button";
            imgAdd.CommandName = "InitInsert";
            imgAdd.ImageUrl = "~/Images/add.png";
            Container.Controls.Add(imgAdd);
 
            LiteralControl lit = new LiteralControl(tableName);
            lit.ID = tableName;
            Container.Controls.Add(lit);
}
}

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 13 Sep 2010, 03:30 PM
Hello Ron,

This is a general HTML/CSS question. In order to achieve the desired layout, you can insert the table name inside a paragraph (<p>) or a <div> with a text-align:center CSS style applied. In order to keep the ImageButton and the paragraph on the same line, you should float the image button (apply a float:left CSS style).

Sincerely yours,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Ron
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or