Menu in Gris issue with tablet and mobile

Menu in Gris issue with tablet and mobile

Posted by: grapecity on 13 September 2017, 11:40 am EST

• 

  grapecity

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 13 September 2017, 11:40 am EST

  Hello Wijmo Team,
  
  I am using Angular 2 and Wijmo 5 version Enterprise 328. Now I am facing a problem that is if I run our web project on a iPhone or android system’s browser, Wijmo menu won’t show up correctly. It is showing correctly on laptop’s browser.

  The screen shots are how it works on laptop and tablet.
  
  Here is the code:

      <wj-flex-grid #inventoryCountFlex [selectionMode]="'Row'" [itemsSource]="inventoryCountData"
                    [headersVisibility]="'Column'" (selectionChanged)="onSelectionChanged($event)"
                    [frozenColumns]="2" [ngStyle]="{'height': gridHeight}"
                    (dblclick)="onRowDBClicked(inventoryCountFlex,$event)">
        <wj-flex-grid-filter #inventoryCountFlexFilter></wj-flex-grid-filter>
        <wj-flex-grid-column [header]="'Operation'" [binding]="''"
                             [visible]="isNotMobile" [isReadOnly]="true" [width]="122">
          <template wjFlexGridCellTemplate [cellType]="'Cell'" let-cell="cell">
            <wj-menu [header]="''" [(value)]="cell.item._operation"
                     (itemClicked)="menuItemClicked(cell.item, $event)">
              <wj-menu-item [value]="0">Operation
              </wj-menu-item>
              <wj-menu-item [value]="1"
                            *ngIf="cell.item.inventoryCountStatus!=statusService.PROCESS_STATUS_SCHEDULED">Review
              </wj-menu-item>
              <wj-menu-item [value]="2"
                            *ngIf="cell.item.inventoryCountStatus==statusService.PROCESS_STATUS_SCHEDULED">Start
              </wj-menu-item>
              <wj-menu-item [value]="3" *ngIf="cell.item.inventoryCountStatus==statusService.PROCESS_STATUS_ACTIVE">
                Entry
              </wj-menu-item>
              <wj-menu-item [value]="4" *ngIf="cell.item.inventoryCountStatus==statusService.PROCESS_STATUS_ACTIVE">
                Freeze
              </wj-menu-item>
              <wj-menu-item [value]="5" *ngIf="cell.item.inventoryCountStatus==statusService.PROCESS_STATUS_FROZEN">
                Unfreeze
              </wj-menu-item>
              <wj-menu-item [value]="6" *ngIf="cell.item.inventoryCountStatus==statusService.PROCESS_STATUS_FROZEN">
                Finish
              </wj-menu-item>
              <wj-menu-item [value]="7" *ngIf="cell.item.inventoryCountStatus==statusService.PROCESS_STATUS_FROZEN ||
              cell.item.inventoryCountStatus==statusService.PROCESS_STATUS_SCHEDULED">Cancel
              </wj-menu-item>
            </wj-menu>
          </template>
          <template wjFlexGridCellTemplate [cellType]="'ColumnFooter'" let-cell="cell">
            <div>
              <div *ngIf="inventoryCountTotalRecords||cell.item.id==0">{{cell.item.id}} items</div>
            </div>
          </template>
        </wj-flex-grid-column>
      </wj-flex-grid>
  

• 

  grapecity

  • Post Options:
  • Link
    Copy

  Posted 13 September 2017, 11:41 am EST

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 7:42 am EST

  Hi,
  
  If we are correct, you are using frozenColumns and this issue can be observed with frozenColumns only.

  Please try to set cloneFrozenCells property to the false in the initialized event.

  Thanks,
  
  Manish Kumar Gupta

• 

  grapecity

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:36 pm EST

  Thanks, Manish. It fixed.

• 

  neilbhisma2671

  • Post Options:
  • Link
    Copy

  Posted 17 October 2018, 3:01 am EST

  Glad to being a part of your discussion. I didn’t know much about it but i have some information related to Menu in Gris issue with tablet. So if anyone getting this issue then i suggest you to read [b]https://www.toshibasupportphonenumber.com/[/b] blog to get help.