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
1360
Images Only
posted

Is it possible to get rid of all of the WebImageViewer controls, borders, backgrounds and so on so that only the image is displayed?

i have tried the following (in the .ASPX declarations):

BorderWidth = "0"
BorderStyle="None"
EnableTheming="False"
Width="800"
Height="187"

And in Code:

WebImageViewer1.BorderStyle = BorderStyle.None;
WebImageViewer1.Header.Visible = false;
WebImageViewer1.Footer.Visible = false;
WebImageViewer1.NextButton.Visible = false;
WebImageViewer1.PreviousButton.Visible = false;
WebImageViewer1.ControlStyle.BorderStyle = BorderStyle.None;
WebImageViewer1.ControlStyle.BorderWidth = 0;
WebImageViewer1.ControlStyle.BackColor = Color.Red;

Setting the Backgroundcolour to red shows me that the control is bigger than I have declared it to be, it is 235 pixels high rather than the 187 that I have declared.

I have attached three images showing 1) the effect that I want (just the image and nothing else - the control is set using a timer to scroll vertically through a number of images automatically and I neither want nor need user interaction), and 2) the result of my experiments so far by setting available control settings. 3) The result of setting StyleSetName=" " in the Control declaration - in this instance the control has the correct dimensions, as shown by the red background, but the images are way too small and in the wrong place. The application style="Pear".

Looks like it could be a StyleSet problem but I have no idea how to fix it quickly and efficiently

Any help would be gratefully received.

Kind regards,

Paul

IG for ASP.NET 2011.2, CLR4, VS2010, WebViewer: 11.2.20112.1019

  • 8160
    posted

    Hello Paul,

    could you try to remove padding from ig_imageViewer.css:

     

     

    /* The CSS Class that will be applied to the outer control.*/

    .igiv_PearControl

    {

     

     

     

    background-color:Transparent

    ;

     

     

     

    /*padding-bottom: 50px;

    padding-left:20px;

    padding-right: 20px;*/

    }