Home > DeveloperSection > Forums > Dynamically creating HTML and asp elements from code behind
Hugh Jackman
Hugh Jackman

Total Post:52

Posted on    December-05-2014 3:00 AM

 ASP.Net C#  HTML5 

 2 Reply(s)
 810  View(s)
Rate this:

I am filling a DataTable in the code behind my webpage and trying to use it to create a "p" tag which has text of the service option followed by an ASPxCheckBox. Problem that I'm having is that I can't seem to get them within the same line, they are separated. Any assistance would be greatly.


The code so far:


        Dim dtExample As New DataTable



        dtExample.Columns.Add("Price", GetType(Decimal))

        dtExample.Rows.Add({1, "Engine Flush", 99.95})

        dtExample.Rows.Add({2, "Oil Check", 19.95})

        dtExample.Rows.Add({3, "Pump Up Tires", 9.95})

        dtExample.Rows.Add({4, "Air Conditioner", 69})

        dtExample.Rows.Add({5, "Brake Fluid Checker", 49.95})



        For Each row As DataRow In dtExample.Rows

            Dim cb As New DevExpress.Web.ASPxEditors.ASPxCheckBox

            Dim ParaElement As New HtmlGenericControl


            ParaElement.InnerHtml = "<p class='serviceoption center' id='" & row("ID") & "'>" & row("Option") & "</p>"

            cb.ID = row("ID")

            cb.Checked = False

            cb.Visible = True

            cb.ClientInstanceName = row("ID")




Norman Reedus
Norman Reedus

Total Post:45

Posted on    December-05-2014 6:42 AM

Devexpress controls can be difficult to style in some cases. Rather than wrapping your checkboxes within a p tag, I would suggest setting the CssClass property of the AspxCheckboxto a CSS class containing your styling, and setting the descriptive text of the checkbox by using the Text property rather than a p tag.

David Miller

Total Post:30

Posted on    December-05-2014 7:10 AM

a P is a paragraph, if memory serves me right that will always be on a new line.


I suspect you want something like this but using css instead of the inline styles shown below


<div style="float:left;margin-right:10px;">Your Text</div>

<div style="float:left;clear:right;">Your Checkbox</div>

Don't want to miss updates? Please click the below button!

Follow MindStick