Forums Ignite UI for jQuery
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
Close
simpi goyal
205
Water Mark for igcombo
posted

Hi,

Is it possible to give water mark for igcombo? If yes, then how to do it.

Thanks,

Simpi

Parents
No Data
Reply
  • 17590
    Verified Answer
    Offline posted

    Hello Simpi,

    Thank you for posting in our community.

    I assume that a water mark to the page is what are you looking for.

    What I can suggest is using a div element. You could set the position of the div element to the bottom right corner, for example. Additionally, you could set the opacity css property, which describes the transparency-level (1 is not transparent at all, 0.5 is 50% see-trough and 0 is completely transparent). You could set a background image via the background-image css property. For instance:

    

    styling:
    

     .ui-igtrialwatermark {
    

     /*background-image: url("images1/WaterMark.png");*/
    

     height: 20px;
    

     opacity: 0.50;
    

     width: 160px;
    

     position: absolute;
    

     bottom:0;
    

     right:0;
    

    }
    

    

    

    <body>
    

     <div id="combo"></div>
    

     <div id="watermark" class="ui-igtrialwatermark" >WATER MARK HERE</div>
    

    </body>

    I made a small sample project illustrating my suggestion and I am attaching it for your reference.

    I hope you find this information helpful.

    If this sample is not an accurate demonstration of what you are trying to achieve please feel free to get back to me a detailed explanation of what you are trying to achieve.

    igCoboWithWaterMark.zip
Children