Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
75
How to reduce/eliminate top/bottom margin?
posted

The webslider (using Windows7 styleset) has a large top/bottom margin that I have been unable to discover how to manipulate.  How can I reduce this top/bottom margin?

  • 12004
    posted

    Hello,

    To set the top/bottom margins of the control you can set the Height property in pixels. By default the control is set to 70px and you can specify for example 50px. The margins will then become smaller.

    Another option is to create a css class style within the head tag. So for example you can create a class name MyWebSliderStyle:

    <style type="text/css">
        .MyWebSliderStyle
        {
         height: auto !important;
        }
    </style> 

    Then assign MyWebSliderStyle to the CssClass property:

    <ig:WebSlider ID="WebSlider1" CssClass="MyWebSliderStyle" runat="server">
    </ig:WebSlider>

    Since there's an inline style for height, the !important property will override the inline css style from the MyWebSliderStyle class. By setting auto it will only render the minimum required height needed for the control (no extra spacing).

    Let me know if you have any questions with this matter.

    Sincerely,
    Duane Hoyt
    Developer Support Engineer, MCTS
    Infragistics
    https://www.infragistics.com/support

  • 12004
    posted

    Hello,

    Do you have any further questions with manipulating the slider's margins.

    Let me know if this works for you.

    Sincerely,
    Duane Hoyt
    Developer Support Engineer, MCTS
    Infragistics
    https://www.infragistics.com/support