I tried using ltscript src34jsbootstrapmodalpopoverjs34gtltscriptgt But it wont work for me ltaspButton ID34btnJanB134 runat34server34 datatoggle34modalpopover34 dataplacement34bottom34 href34popupBottom34 CommandName34Expand34 OnCommand34BubbleButtonCommand34 CommandArgument39ltEval34CategoryName3434JanB134gt39 Style34display none34 gt ltdiv id34popupBottom34 c

please close the question39rel34popover3439eachfunction var this this thispopover offset 10 trigger 39click39 placement 39right39 html true content 39myPopover139text 39mypopover39clickfunction 34popover34popover39hide39

How to display the model popup near to the button

josmi

SOLVED CLOSED ACTIVE ANSWERED
User: josmi
Posted: on Mar 28, 2016 01:58 AM
Forum: ASP.Net Web Forms
Answer: 1
Views: 2678

I tried using

<script src="../js/bootstrap-modal-popover.js"></script>

But it wont work for me.

 <asp:Button ID="btnJanB1" runat="server" data-toggle="modal-popover" data-placement="bottom" href="#popupBottom"  CommandName="Expand" OnCommand="BubbleButton_Command" CommandArgument='<%#Eval("CategoryName")+"^Jan^B1"%>' Style="display: none;"  />


 <div id="popupBottom" class="popover">
    <div class="arrow"></div>
    <h3 class="popover-title">Bottom</h3>
    <div class="popover-content">
        <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. 
            Pellentesque ornare sem lacinia quam venenatis vestibulum.
            <a href="#" class="btn btn-default helloWorld">Click me</a>
        </p>
    </div>
</div>

popup un button click

i need to open as shown below on each button click.How i will solve the solution ..popup is not displaying...bootsrap model popup is working but positioning is a provle.i have display the popup near by on each bubble click

Download FREE API for Word, Excel and PDF in ASP.Net

josmi

0 2

Reply
ANSWER
User: josmi
Replied: on Mar 29, 2016 06:59 AM
Report

please close the question

$('[rel="popover"]').each(function () {       
    var $this = $(this);          
    $this.popover({
        offset: 10,
        trigger: 'click', 
        placement: 'right',
        html: true,
        content: $('#myPopover1').text(),
    });   
    $('#mypopover').click(function () {  
        $(".popover").popover('hide');
    });           
});

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

How to display the model popup near to the button

Company

Explore

Follow us

Contact Us