Ufdjrw

I seem to dance, I am not a dancer. Who am I?

What is the term when voters “dishonestly” choose something that they do not want to choose?

Existence of a celestial body big enough for early civilization to be thought of as a second moon

Print last inputted byte

Asserting that Atheism and Theism are both faith based positions

Usage and meaning of "up" in "...worth at least a thousand pounds up in London"

How to define limit operations in general topological spaces? Are nets able to do this?

Is it true that good novels will automatically sell themselves on Amazon (and so on) and there is no need for one to waste time promoting?

What should I install to correct "ld: cannot find -lgbm and -linput" so that I can compile a Rust program?

Probably overheated black color SMD pads

Print a physical multiplication table

What favor did Moody owe Dumbledore?

Is it insecure to send a password in a `curl` command?

What exactly term 'companion plants' means?

Why is there so much iron?

How could an airship be repaired midflight?

Calculate the frequency of characters in a string

Hausdorff dimension of the boundary of fibres of Lipschitz maps

Could Sinn Fein swing any Brexit vote in Parliament?

Wrapping homogeneous Python objects

Is there a hypothetical scenario that would make Earth uninhabitable for humans, but not for (the majority of) other animals?

Is there a term for accumulated dirt on the outside of your hands and feet?

How do hiring committees for research positions view getting "scooped"?

Why is indicated airspeed rather than ground speed used during the takeoff roll?

uib-dropdown dislocated when using in ui-grid cellTemplate

0

I want to show a uib-dropdown menu in a ui-grid cell. I've given that and its working fine. But the problem belongs to its position.
uib-dropdown opened in cell

The shown drop-down menu is of the first row. The menu for the 2nd row will be shown even more downwards only. I inspected and tried so many ways to make it close to the selected row. But nothing worked. The given cell template in ui-grid is given below.

columnDefs: [
 
 name: app.localize('Actions'),
 enableSorting: false,
 width: 120,
 cellTemplate:
 '<div class="ui-grid-cell-contents">' +
 ' <div class="btn-group dropdown" uib-dropdown="" dropdown-append-to-body>' +
 ' <button class="btn btn-xs btn-primary blue" uib-dropdown-toggle="" aria-haspopup="true" aria-expanded="false"><i class="fa fa-cog"></i> ' + app.localize('Actions') + ' <span class="caret"></span></button>' +
 ' <ul uib-dropdown-menu>' +
 ' <li><a ng-click="grid.appScope.detailsView(row.entity)">' + app.localize('Details') + '</a></li>' +
 ' <li><a ng-if="grid.appScope.permissions.edit" ng-click="grid.appScope.editClassDiary(row.entity)">' + app.localize('Edit') + '</a></li>' +
 ' <li><a ng-if="grid.appScope.permissions.delete" ng-click="grid.appScope.deleteClassDiary(row.entity)">' + app.localize('Delete') + '</a></li>' +
 ' </ul>' +
 ' </div>' +
 '</div>'
 

Also tried by removing the dropdown-append-to-body. But then the entire menu moved into the cell. Only the cell size portion is visible. Please help me somebody..

drop-down-menu angular-ui-bootstrap angular-ui-grid ui-grid asp.net-boilerplate

share|improve this question

asked Mar 6 at 21:41

Sayas KhanSayas Khan

13

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Sadly, nobody is here in stackoverflow? :(
  
  – Sayas Khan
  Mar 7 at 20:17
  

  
  
  
  

add a comment | 

0

I want to show a uib-dropdown menu in a ui-grid cell. I've given that and its working fine. But the problem belongs to its position.
uib-dropdown opened in cell

The shown drop-down menu is of the first row. The menu for the 2nd row will be shown even more downwards only. I inspected and tried so many ways to make it close to the selected row. But nothing worked. The given cell template in ui-grid is given below.

columnDefs: [
 
 name: app.localize('Actions'),
 enableSorting: false,
 width: 120,
 cellTemplate:
 '<div class="ui-grid-cell-contents">' +
 ' <div class="btn-group dropdown" uib-dropdown="" dropdown-append-to-body>' +
 ' <button class="btn btn-xs btn-primary blue" uib-dropdown-toggle="" aria-haspopup="true" aria-expanded="false"><i class="fa fa-cog"></i> ' + app.localize('Actions') + ' <span class="caret"></span></button>' +
 ' <ul uib-dropdown-menu>' +
 ' <li><a ng-click="grid.appScope.detailsView(row.entity)">' + app.localize('Details') + '</a></li>' +
 ' <li><a ng-if="grid.appScope.permissions.edit" ng-click="grid.appScope.editClassDiary(row.entity)">' + app.localize('Edit') + '</a></li>' +
 ' <li><a ng-if="grid.appScope.permissions.delete" ng-click="grid.appScope.deleteClassDiary(row.entity)">' + app.localize('Delete') + '</a></li>' +
 ' </ul>' +
 ' </div>' +
 '</div>'
 

Also tried by removing the dropdown-append-to-body. But then the entire menu moved into the cell. Only the cell size portion is visible. Please help me somebody..

drop-down-menu angular-ui-bootstrap angular-ui-grid ui-grid asp.net-boilerplate

share|improve this question

asked Mar 6 at 21:41

Sayas KhanSayas Khan

13

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Sadly, nobody is here in stackoverflow? :(
  
  – Sayas Khan
  Mar 7 at 20:17
  

  
  
  
  

add a comment | 

I want to show a uib-dropdown menu in a ui-grid cell. I've given that and its working fine. But the problem belongs to its position.
uib-dropdown opened in cell

The shown drop-down menu is of the first row. The menu for the 2nd row will be shown even more downwards only. I inspected and tried so many ways to make it close to the selected row. But nothing worked. The given cell template in ui-grid is given below.

columnDefs: [
 
 name: app.localize('Actions'),
 enableSorting: false,
 width: 120,
 cellTemplate:
 '<div class="ui-grid-cell-contents">' +
 ' <div class="btn-group dropdown" uib-dropdown="" dropdown-append-to-body>' +
 ' <button class="btn btn-xs btn-primary blue" uib-dropdown-toggle="" aria-haspopup="true" aria-expanded="false"><i class="fa fa-cog"></i> ' + app.localize('Actions') + ' <span class="caret"></span></button>' +
 ' <ul uib-dropdown-menu>' +
 ' <li><a ng-click="grid.appScope.detailsView(row.entity)">' + app.localize('Details') + '</a></li>' +
 ' <li><a ng-if="grid.appScope.permissions.edit" ng-click="grid.appScope.editClassDiary(row.entity)">' + app.localize('Edit') + '</a></li>' +
 ' <li><a ng-if="grid.appScope.permissions.delete" ng-click="grid.appScope.deleteClassDiary(row.entity)">' + app.localize('Delete') + '</a></li>' +
 ' </ul>' +
 ' </div>' +
 '</div>'
 

Also tried by removing the dropdown-append-to-body. But then the entire menu moved into the cell. Only the cell size portion is visible. Please help me somebody..

drop-down-menu angular-ui-bootstrap angular-ui-grid ui-grid asp.net-boilerplate

share|improve this question

asked Mar 6 at 21:41

Sayas KhanSayas Khan

13

columnDefs: [
 
 name: app.localize('Actions'),
 enableSorting: false,
 width: 120,
 cellTemplate:
 '<div class="ui-grid-cell-contents">' +
 ' <div class="btn-group dropdown" uib-dropdown="" dropdown-append-to-body>' +
 ' <button class="btn btn-xs btn-primary blue" uib-dropdown-toggle="" aria-haspopup="true" aria-expanded="false"><i class="fa fa-cog"></i> ' + app.localize('Actions') + ' <span class="caret"></span></button>' +
 ' <ul uib-dropdown-menu>' +
 ' <li><a ng-click="grid.appScope.detailsView(row.entity)">' + app.localize('Details') + '</a></li>' +
 ' <li><a ng-if="grid.appScope.permissions.edit" ng-click="grid.appScope.editClassDiary(row.entity)">' + app.localize('Edit') + '</a></li>' +
 ' <li><a ng-if="grid.appScope.permissions.delete" ng-click="grid.appScope.deleteClassDiary(row.entity)">' + app.localize('Delete') + '</a></li>' +
 ' </ul>' +
 ' </div>' +
 '</div>'
 

share|improve this question

asked Mar 6 at 21:41

Sayas KhanSayas Khan

13

share|improve this question

asked Mar 6 at 21:41

Sayas KhanSayas Khan

13

asked Mar 6 at 21:41

Sayas KhanSayas Khan

13

asked Mar 6 at 21:41

Sayas KhanSayas Khan

13