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
233
Placing images on the top-right corner of the webtab
posted

Hello,

Does anyone give me the idea and sample snippets of placing images on the top-right corner of the webtab, like the attachment.  Thanks a lot!!!

Kalmn

  • 19693
    posted

    Hello Kennan,

    You should change the default .igTabItemSpacer CSS class.

    For example if you are using Claymation theme you should change the igf_tab.css file and especially igTabItemSpacer class.

    Also you should add the igwg_junctionCollapsed.gif image to the webtab directory where the images about the tabView are stored.

    If you are not using any special Theme you can add the CSS style only to the jsp page where this tabView is used.

     

    .igTabItemSpacer {

                    background-image: url(webtab/igwg_junctionCollapsed.gif);

                    background-repeat: no-repeat;

                    background-position: right top;

                    text-align:right;

                    border-bottom: 1px solid #000066;

                    font-size: 1px;

                    padding-left: 10px;

                    width: 100%;

    }

    Look at the attached image.

    If you want to  set link to the image there is a possible solution

    You can  get the TR element and to get the last TD element from it.

    After that to set this TD with CSS class igTabItemSpacer INNER HTML that you want ,

    for example

     

    <a href="#" onclick="BLOCKED SCRIPTgo2where();"><img src="pic.jpg"/></a>

     

    Let me know if you need any further assistance.