Table rowToggler from touch devices

[ybendek]

Hello

I'm having some issues with the rowToggler component when is used from touch devices. Sometimes when you press the '>' icon, the row is not toggler. I guess that the problem could be related with the size of this icon, that is currently rendered by PF as:

Code: Select all

<div class="ui-row-toggler ui-icon ui-icon-circle-triangle-e"></div>

But this DIV container is render by default with a dimensions of 16X16px, this could be a very small area to select using touch devices. Any way to trigger the toggler event with a selection of all the area for the column and not just the selection of icon?

[mert.sincan]

I think you can add this code into layout.js (webapp/resorces/rio-layout/js/layout.js)

Code: Select all

...

var Rio = {
    
    init: function() {
        ...

          if(this.mobile) {
              $('.ui-row-toggler.ui-icon').css({
                  height: '25px',
                  width: '25px'
              });
          }
    },
....

[ybendek]

yeap... it works ... thanks... much better

[mert.sincan]

Glad to hear, thanks