Base solution for your next web application
Open Closed

Dropdown Button - dropup #7588


User avatar
0
erkateknoloji created

Merhaba, proje içerisinde kullanılan dropdown butonlar aşağı doğru açılıyorlar, tersine yani yukarı doğru açtırmak için nasıl kullanmak gerekli? Örnek bir kullanım varmı? Teşekkürler


5 Answer(s)
  • User Avatar
    -1
    maliming created
    Support Team
    • What is your product version?
    • What is your product type (Angular or MVC)?
    • What is product framework type (.net framework or .net core)?
  • User Avatar
    0
    erkateknoloji created
    • v7.0.0.0
    • angular
    • .net core
  • User Avatar
    0
    erkateknoloji created

    I tried before, did you tried this samples in the project? Becouse when I tried, I'lll see this:

    maybe base css classes or usage is different. My source code below:

    `<div class="row"> <div class="col"> <div ngbDropdown class="d-inline-block"> <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button> <div ngbDropdownMenu aria-labelledby="dropdownBasic1"> <button ngbDropdownItem>Action - 1</button> <button ngbDropdownItem>Another Action</button> <button ngbDropdownItem>Something else is here</button> </div> </div> </div>

    <div class="col text-right"> <div ngbDropdown placement="top-right" class="d-inline-block"> <button class="btn btn-outline-primary" id="dropdownBasic2" ngbDropdownToggle>Toggle dropup</button> <div ngbDropdownMenu aria-labelledby="dropdownBasic2"> <button ngbDropdownItem>Action - 1</button> <button ngbDropdownItem>Another Action</button> <button ngbDropdownItem>Something else is here</button> </div> </div> </div> </div>`

  • User Avatar
    1
    ismcagdas created
    Support Team

    Hi,

    We are using ngx-bootstrap in AspNet Zero's Angular version and you can check https://valor-software.com/ngx-bootstrap/#/dropdowns#dropup. Actually the dropdowns must be adaptive and should select the direction according to position of dropdown but ngx-bootstrap doesn't have this feature yet.

  • User Avatar
    0
    erkateknoloji created

    Perfect I see your link and use this attribute " [dropup]="true" " it is solved, Thanks