Dynamically creating HTML and asp elements from code behind

Question

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("ID")
        dtExample.Columns.Add("Option")
        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")
            serviceoptions.Controls.Add(ParaElement)
            serviceoptions.Controls.Add(cb)
        Next

Leopold Stotch · Accepted Answer · 2014-02-11 14:13:38Z

1

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.

answered Feb 11, 2014 at 14:13

Leopold Stotch

1,5222 gold badges14 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

trucker_jim · Accepted Answer · 2014-02-11 13:23:35Z

0

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>

answered Feb 11, 2014 at 13:23

trucker_jim

5623 silver badges7 bronze badges

1 Comment

SeanSilver Over a year ago

Thank you for your answer but floating the elements just caused more issues, e.g needing "br"s to separate elements then the background was floated and wouldn't fill the area.

Collectives™ on Stack Overflow

Dynamically creating HTML and asp elements from code behind

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related