ParamQuery grid support forum

General Category => ParamQuery Pro Evaluation Support => Topic started by: lephultp on October 14, 2020, 06:37:44 am

Title: Invisible button in toolbar
Post by: lephultp on October 14, 2020, 06:37:44 am

I'm not a pro member. Sorry! I have a issue, help me, thanks!: My button export excel and toolbar are not visible, this is my code.

toolbar: {
        cls: 'pq-toolbar-export',
        items: [
          {
            type: 'button',
            label: 'Export',
            options: { text: true, showLabel: true },
            // icon: 'ui-icon-arrowthickstop-1-s', // fa fa-file-excel-o
            icon: 'ui-icon-document',
            listener: function () {
              // tslint:disable-next-line: ban
              const format = 'xlsx';
              let blob = this.exportData({
                format: format,
                nopqdata: true,
                render: true,
              });
              if (typeof blob === 'string') {
                blob = new Blob([blob]);
              }
              // const FileSaver = require('file-saver');
              saveAs(blob, 'NewArticle.' + format);
            },
          },
        ],
      },

Title: Re: Invisible button in toolbar
Post by: paramvir on October 14, 2020, 10:02:15 am

Button in toolbar may be invisible due to conflict with a 3rd party library.

If you are using bootstrap, then check this topic: https://paramquery.com/pro/tutorial#topic-bootstrap