Button Positioning Affected by Skins

3 posts, 0 answers
  1. Ron
    Ron avatar
    86 posts
    Member since:
    Sep 2009

    Posted 02 Aug 2010 Link to this post

    Hello,

    I have a two column setup in the content section of my page using DIVs where the first one is floated to the left and set with a width of 220px and the second one is set with a margin-left of 260px no float.  I have two buttons in the second column that are affected by any telerik skin being applied to them.  Each button for some reason also inherits individually the margin-left of 260px.  So in the second column, I would have the start of the column itself at 260px, the first button at 520px and the second button another 260px from the first (780px).  The skin for the button seems to break apart as well making the button looking bigger than it should be and disconnect from it's right edge.  I have attached a screenshot of how the buttons look when the skin is applied.  I have also attached a picture of when no skins are applied to buttons and you will see that the buttons align as they should.

    Any help would be greatly appreciated.

    Thanks,
    Ron
  2. Ron
    Ron avatar
    86 posts
    Member since:
    Sep 2009

    Posted 03 Aug 2010 Link to this post

    Just some additional information, oddly when wrapping the buttons with a <fieldset> tag, they no longer take on the margin settings of the parent DIV.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ron
    Ron avatar
    86 posts
    Member since:
    Sep 2009

    Posted 04 Aug 2010 Link to this post

    This has been resolved by simply using "left" versus "margin-left".
Back to Top