26 Nov 2016 @ 1:45 PM 

In ASP.NET webform, I have 2 controls i.e a radiobuttongroup with 4 items and a checkbox after the control in a table cell. By default, the checkbox is rendered as an item wrap at the bottom of the radiobuttongroup. What I want is the checkbox appear beside after the radio buttons. I try some css style div such as display:inline or nowrap but it didn’t work. I view the client side html source and found that the radio button group is rendered as html table. I look for the control properties for the radiobuttongroup and found there is an option for RepeatLayout. I change the value from Table to Flow. Voila! It is now display as same row.

Default:

figure1

Visual Studio Designer

figure2

Rendered HTML:

figure3

Find RepeatLayout property

figure4

Change from Table to Flow

figure5

After changed, the HTML is rendered as span with style display: inline.

figure6 figure7

Posted By: Aeric
Last Edit: 26 Nov 2016 @ 01:49 PM

EmailPermalinkComments (0)
Tags

 Last 50 Posts
 Back
Change Theme...
  • Users » 2
  • Posts/Pages » 127
  • Comments » 198
Change Theme...
  • VoidVoid « Default
  • LifeLife
  • EarthEarth
  • WindWind
  • WaterWater
  • FireFire
  • LightLight