Table rowToggler from touch devices

Locked
ybendek
Posts: 99
Joined: 05 Aug 2011, 17:52

27 Aug 2015, 22:23

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
Posts: 4142
Joined: 29 Jun 2013, 12:38

28 Aug 2015, 14:53

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
Posts: 99
Joined: 05 Aug 2011, 17:52

28 Aug 2015, 23:27

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

mert.sincan
Posts: 4142
Joined: 29 Jun 2013, 12:38

29 Aug 2015, 22:11

Glad to hear, thanks ;)

Locked

Return to “Rio”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest