Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Popover or tooltip on dropdown always visible but closed when dropdown opened

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #209763
    debyy
    Participant

    Hi all,

    I’m looking from days for this, I hope somebody knows the solution.

    I’m working on Private Messages on my forum. There is a li, so when user clicks on it, he can read all unread PMs received.

    I would like only add a notify always visible, to alert user there are new PMs, like this:

    1. http://i.imgur.com/BZMtkv4.png
    2. http://i.imgur.com/PZ8DOny.png

    But in this way the popover “You have 4 unread PMs” is always visible, also with dropdown opened..

    I would like a notify always visible in page (I load page and I have notify), but then when I click on Private Messages, I have only dropdown.. I don’t know if I explain well.

    For now the code is this:

    http://www.bootply.com/zWQXzrS9zo

    <li class="dropdown popover-show" data-toggle="popover" data-placement="bottom" data-container="body" data-content="You have 5 new Private Messages! But this notice is always open, so you can't read unread PM :( ">
    
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    <span>Private Messages</span>
    <span class="badge">5</span> <span class="caret"></span></a>
    
    <ul class="dropdown-menu  dropdown-menu-sw">
    <li><a href="#"><strong>Title PM etc - Unread</strong></a></li>
    </ul>
    
    </li>
    
    
    
    <script>
    $(function () {
    $('.popover-show').popover('toggle');
    });
    </script>
    

    Thank you in advance for the help
    and sorry for my English

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.