MVC Devexpress, why textbox is always under label?

Question

I want a label and a text box next to each other but i didn't do what i want. How can i do that?

ViewContext.Writer.Write(
       "<div class=\"edit_form\">" +
          "<div class=\"line\">"
    );

    Html.DevExpress().Label(label =>
    {
        label.Text = "Action";
        label.ControlStyle.CssClass = "label";
        label.AssociatedControlName = "Action";
    }).Render();

    Html.DevExpress().TextBox(textBox =>
    {
        textBox.Name = "Action";
        textBox.Width = Unit.Percentage(30);
        textBox.ControlStyle.CssClass = "editor";
    }).Bind(DataBinder.Eval(test, "Action")).Render();

    ViewContext.Writer.Write(
          "</div>"+
       "</div>"
   );

You might be also interested in the FormLayout component: https://documentation.devexpress.com/#AspNet/CustomDocument16028 — Uranus, May 15 '14 at 08:09
@CSharper inline block is not working when i add is required attribute :( — WeyCell, May 22 '14 at 05:39

score 2 · Accepted Answer · answered Jun 13 '14 at 13:45

DevExpress create every time a element in the DOM, therefore sometimes couldn't be straightforward to customize the page. Anyway you can:

1) Use ASPxThemeBuilder to modify your DevExpress theme;

2) CSS:

<div style="float: left;"> Html.DevExpress().TextBox.. </div>
<div style="float: left;"> Html.DevExpress().TextBox.. </div>
<div style="float: left;"> Html.DevExpress().TextBox.. </div>

MVC Devexpress, why textbox is always under label?

1 Answers1