Author Topic: Flyout menu on the right  (Read 3672 times)

pquser

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 26
    • View Profile
Flyout menu on the right
« on: October 04, 2017, 09:48:22 pm »
For the flyout menu on the right (Merge cells, Fix colums, Grand summary) the markup differs from your examples in comparison to your downloadable JS.

How come (see attachments)?

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6255
    • View Profile
Re: Flyout menu on the right
« Reply #1 on: October 05, 2017, 06:19:41 pm »
Please share jquery, jqueryui and pqgrid version and a jsfiddle if possible.

pquser

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 26
    • View Profile
Re: Flyout menu on the right
« Reply #2 on: October 05, 2017, 09:30:09 pm »
Thanks for you reply. JsFiddle would take some time if needed.

Theese are the versions and their loading order:

Code: [Select]
<!--#include virtual="../js/vendor/jquery-3.2.1.min.js" -->
<!--#include virtual="../js/vendor/jquery-migrate-1.4.1.min.js" -->
<!--#include virtual="../js/vendor/jquery-ui-1.12.1/jquery-ui.min.js" -->
<!--#include virtual="../js/vendor/jquery.ui.touch-punch.min.js" -->
<!--#include virtual="../vendor/paramquery-4.0.1/jsZip-2.5.0/jszip.min.js" -->
<!--#include virtual="../vendor/paramquery-4.0.1/pqgrid.dev.js" -->
<!--#include virtual="../vendor/paramquery-4.0.1/localize/pq-localize-de.min.js" -->

Thanks

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6255
    • View Profile
Re: Flyout menu on the right
« Reply #3 on: October 06, 2017, 12:44:17 pm »
Please use jQueryUI version  1.11.4

pquser

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 26
    • View Profile
Re: Flyout menu on the right
« Reply #4 on: October 06, 2017, 02:28:38 pm »
Thanks. Now the markup is right but there seems to be a css issue (see screenshots).

This is my relevant css:
Code: [Select]
@import "../vendor/../js/vendor/jquery-ui-1.11.4/themes/smoothness/jquery-ui.min.css";
@import "../vendor/paramquery-4.0.1/pqgrid.dev.css";
@import "../vendor/paramquery-4.0.1/themes/office/pqgrid.min.css";

Seems I need to make some change to it, do I?

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6255
    • View Profile
Re: Flyout menu on the right
« Reply #5 on: October 06, 2017, 02:51:07 pm »
pqgrid.ui.css ( to be added after pqgrid.css ) seems to be missing from the list.

pquser

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 26
    • View Profile
Re: Flyout menu on the right
« Reply #6 on: October 06, 2017, 03:17:53 pm »
Have it now like so:

Code: [Select]
@import "../vendor/../js/vendor/jquery-ui-1.11.4/themes/smoothness/jquery-ui.min.css";
@import "../vendor/paramquery-4.0.1/pqgrid.min.css";
@import "../vendor/paramquery-4.0.1/pqgrid.ui.min.css";
@import "../vendor/paramquery-4.0.1/themes/office/pqgrid.min.css";

Its the same order as in the fiddles you post but it still looks the same. Even with my custom css removed.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6255
    • View Profile
Re: Flyout menu on the right
« Reply #7 on: October 09, 2017, 09:24:12 pm »
Please share a jsfiddle or a sample as an attachment.