ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: pquser on October 04, 2017, 09:48:22 pm

Title: Flyout menu on the right
Post by: pquser 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)?

Title: Re: Flyout menu on the right
Post by: paramvir on October 05, 2017, 06:19:41 pm

Please share jquery, jqueryui and pqgrid version and a jsfiddle if possible.

Title: Re: Flyout menu on the right
Post by: pquser 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

Title: Re: Flyout menu on the right
Post by: paramvir on October 06, 2017, 12:44:17 pm

Please use jQueryUI version  1.11.4

Title: Re: Flyout menu on the right
Post by: pquser 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?

Title: Re: Flyout menu on the right
Post by: paramvir on October 06, 2017, 02:51:07 pm

pqgrid.ui.css ( to be added after pqgrid.css ) seems to be missing from the list.

Title: Re: Flyout menu on the right
Post by: pquser 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.

Title: Re: Flyout menu on the right
Post by: paramvir on October 09, 2017, 09:24:12 pm

Please share a jsfiddle or a sample as an attachment.