tooltip modality

3 posts, 1 answers
  1. Fraser
    Fraser avatar
    5 posts
    Member since:
    Sep 2011

    Posted 04 Nov 2011 Link to this post

    Hi,

    Does anyone know if there is anyway that you can change the transparency or even set the back color when using the tooltip with modality. I'm trying to completely blank the rest of my page don't want any transparency.

    Many thanks,
    Fraser
  2. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 07 Nov 2011 Link to this post

    Hello Fraser,

    There are two ways to do so.

    1) You can change it via overriding our CSS globally for the page by placing the following CSS rule in the head section of your page:
    .TelerikModalOverlay
    {
        opacity: 1 !important;
        progid: DXImageTransform.Microsoft.Alpha(style=0,opacity=100) !important;
    }

    OR

    2) you can access the modal overlay of the specific tooltip in its OnClientShow event and use JavaScript to set these properties:
    function OnClientShow(sender, args)
    {
        sender._modalExtender._getModalOverlay().style.opacity = "1";
        sender._modalExtender._getModalOverlay().progid = "DXImageTransform.Microsoft.Alpha(style=0,opacity=100)";
    }


    Greetings,
    Marin
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Fraser
    Fraser avatar
    5 posts
    Member since:
    Sep 2011

    Posted 16 Nov 2011 Link to this post

    Thanks this seems to work.

    Cheers,
    Fraser
Back to Top