Building Dynamic UI with C#?

Question

I need to expose some input fields based on what properties I find for particular types in an assembly.

I'm not sure how common an approach like that is. Perhaps there are easier ways. Maybe on the client side instead of server.

If anyone knows of a good way of doing something like this, I would appreciate the help.

Create input controls accordingly and simple add control to some div container? I'm not sure if it would be more complex than that. I'll need to somehow add css classes to the controls as I build them so they get placed nicely; that might get tricky.

@Jonathan Sampson: Agreed. Any server-side language will do what @towps wants to do... but the how is 100% language dependent. — Randolpho
– Randolpho, Commented Aug 18, 2009 at 16:14
Which version of .NET are you using, and are you using a Web Site Project, or a Web Application Project? — John Saunders
– John Saunders, Commented Aug 18, 2009 at 16:17

Shea Daniels · Accepted Answer · 2009-08-18 16:20:41Z

1

This all sounds like standard asp.net development. Any good tutorial should be able to help you. For the asp server controls, you use the CssClass property to set the class for the control.

Here is the asp.net tutorial from the W3C Schools.

answered Aug 18, 2009 at 16:20

Shea Daniels

3,2783 gold badges25 silver badges28 bronze badges

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

1 Comment

Bill Yang Over a year ago

agreed, the whole point of web programming is to render dynamic controls based on some conditions.

epitka · Accepted Answer · 2009-08-18 16:59:37Z

0

I assume you will use reflection to figure out what properties entity has, then you would based on the type of the property create an input field. You would have to dynamically create control to handle input in code behind. Make sure you give that control and id. You will have to recreate these controls on the post back. This looks to me like dynamic property editor. There might be some free ones, google for it.

answered Aug 18, 2009 at 16:59

epitka

17.6k21 gold badges91 silver badges146 bronze badges

Comments

JohnHarp · Accepted Answer · 2009-10-26 18:33:04Z

If the UI doesn't have to be completely dynamic you could include all the controls in the markup with any optional ones set to Visible="false". Then, selectively enable the appropriate controls in your code-behind. For example:

Default.aspx

    <asp:Button ID="EvenButton" runat="server" Text="Even" Visible="false" />
    <asp:Button ID="OddButton" runat="server" Text="Odd" Visible="false" />

Default.aspx.cs

    protected void Page_Load(object sender, EventArgs e)
    {
        String msg = "A message to count";

        if (msg.Length % 2 == 0)
        {
            // Enable the Even Button
            EvenButton.Visible = true;
        }
        else
        {
            OddButton.Visible = true;
        }
    }

The advantage of this method is that you can lay things out with the appropriate CSS easily in the markup. If, on the other hand, your UI is much more dynamic than this, you'll probably have to resort to dynamically creating controls in the code-behind and adding them to the page via calls to Controls.Add(). This way, however, is harder to layout. And you have to deal with things like re-wiring any event handlers on each postback.

Hope that helps.

marc_s · Accepted Answer · 2017-02-23 08:13:46Z

0

I ended up leveraging jQuery.

I laid out a simple markup with the basic layout I would need.

For creating controls dynamically, I did it all in javascript using jQuery methods.

This of course requires that you return some data set to the UI intelligently enough to render it.

edited Feb 23, 2017 at 8:13

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Nov 3, 2009 at 16:49

topwik

3,5378 gold badges46 silver badges65 bronze badges

1 Comment

topwik Over a year ago

Of course, although this is not in C#, I found this to be a better way.

Collectives™ on Stack Overflow

Building Dynamic UI with C#?

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related