Hi,

    I am glad for your quick response.I have one more doubt 

Can you tell me how to Change the alignment to Top for WEB Splitter bar  Button.

I used below code but no changed

Class:

<style type="text/css">
        .Position
        {
            vertical-align:top
           
        }
    </style>

Source code:
    
        <ig:WebSplitter ID="WebSplitter1" runat="server" Height="357px" Width="747px"
           DynamicResize="True"  SplitterBar-CollapseButtonCssClass="Position" >
        
            <Panes>
                 <ig:SplitterPane   FrameTitle="Product information"  runat="server"    
                Size="50%"     BackColor="#F4F4F4"
             CollapsedDirection="NextPane"  >
                 <Template>
                SplitterPane 1
                </Template>
                </ig:SplitterPane>
              <ig:SplitterPane  FrameTitle="Supplier information" runat="server"  Size="50%"  EnableRelativeLayout="true"  BackColor="#F4F4F4"
            CollapsedDirection="PreviousPane">
                  <Template>
                SplitterPane 2
                </Template>
                </ig:SplitterPane>
            </Panes>
        </ig:WebSplitter>

waiting for replay........

I checked with below code also

<style type="text/css">
        .Position
        {
           background-position:top ;
           
        }
    </style>

Hi,

You are on the right track, a little change is needed in your css class like this:

 <style type="text/css">
        .Position
        {
            margin-top:0px !important;            
        }
    </style>

I understand it.

Thanks for your replay