Premium support for our pure JavaScript UI components


Post by rahulranjan »

Hi
How can we customize export setting panel to provide option where user can select only Grid data i.e columns with values and no gantt chart view . And Second where user can export only gantt view no grid data . And third user can export both

Version we are current 2.1.2 -
We will update the version soon.


Post by fabio.mazza »

Hi rahulranjan,

For the settings panel you have only options available on demo and documentation. There is no setting to hide particular view.

You also can collapse/expand the left columns to export only gantt without columns data.

Screen Shot 2020-09-23 at 10.42.34.png
Screen Shot 2020-09-23 at 10.42.34.png (85.95 KiB) Viewed 1491 times

Best regards,
Fabio


Post by fabio.mazza »

Actually if you use expand and collapse icon you can export the 3 option that you want.

Best regards,
Fabio


Post by rahulranjan »

HI
How to configure server for it .


Post by rahulranjan »

Hi
The Pop Shows like this. How to do location for it i want to keep the default labels

Attachments
111Send.PNG
111Send.PNG (22.01 KiB) Viewed 1489 times

Post by rahulranjan »

Even the all rows is selected but only visible are shown and bar charts are not shown properly ?

I started the server and in gantt config

 features: {
    pdfExport: {
      exportServer: 'https://localhost:8082',

  // Development config
  translateURLsToAbsolute: 'https://localhost:4200',

  // For production replace with this one. See README.md for explanation
  // translateURLsToAbsolute : 'https://localhost:8080/resources/', // Trailing slash is important
  keepPathName: false
},

So i missed anything ?

Attachments
Send1.PNG
Send1.PNG (37.1 KiB) Viewed 1489 times
send2.PNG
send2.PNG (21.84 KiB) Viewed 1489 times
send3.PNG
send3.PNG (16.46 KiB) Viewed 1489 times

Post by Maxim Gorkovsky »

Hello.

How to do location for it i want to keep the default labels

If you are using custom locale you need to provide these strings too. You need following localization configs:
PdfExport, ExportDialog, ExportRowsCombo, ExportOrientationCombo, SinglePageExporter, MultiPageExporter, MultiPageVerticalExporter, ScheduleRangeCombo and SchedulerExportDialog. As usual, you can find them in the provided locales.

Even the all rows is selected but only visible are shown and bar charts are not shown properly ?

According to screenshots you're picking singlepage exporter, that would export all rendered rows to one page. How many rows are not exported? Do you use filter on the task store?

Regarding missing task bars, last screenshot suggests you're using custom styles for task bars and they are not working as you would expect. Inspect post request to the server in browser, you'll see HTML which is sent to the server. Save it as HTML page and open it in the browser. Does it look as expected? More likely it doesn't. See which CSS is missing.
Normally exporter would go through HEAD element and collect all <style> tags and <link rel="stylesheet">, probably it missed some.

How do you start your export server?


Post by rahulranjan »

Hi
Export Server .
How do you start your export server? -

  1. I am starting the export server which is inside example/sharded server - node ./src/server.js -h 8082

  2. In Gantt component

     features: {
        pdfExport: {
          exportServer: 'https://localhost:8082',
    
          // Development config
          translateURLsToAbsolute: true,
          // For production replace with this one. See README.md for explanation
          // translateURLsToAbsolute : 'https://localhost:8080/resources/', // Trailing slash is important
          keepPathName: true,
          keepRegionSizes: {
            locked: true
          }
        },
    

    This is how i am starting the server.

  3. How many rows are not exported?
    The rows which are visible are only exported.

  4. Do you use filter on the task store? - NO

  5. Does it look as expected ? No . I am attaching the html

  6. One more thing Project Start and End time line - moves from place

And the Columns selected is not appearing only few columns comes in PDF

Attach is html can you tell what i am missing and how and where to add it

Attachments
TEST.rar
(434.08 KiB) Downloaded 89 times

Post by rahulranjan »

Hi
Able to reproduce all the problem . Problem view does not appear same when we have bootstrap css. But we need that too in our project

Attach the Projects all the above things can be reproduced

Attachments
advanced.rar
(2.09 MiB) Downloaded 71 times

Post by Maxim Gorkovsky »

You get wrong HTML because of the unicode symbol https://www.codetable.net/decimal/8629 which replaces \n at some point when you copy POST message body. I opened a ticket to fix this: https://github.com/bryntum/support/issues/1574

When you replace ↵ with space (' ') you'll see the page correctly. But when you'll try to print it using browser, events will disappear. You need to check if your styles (or bootstrap's styles) somehow interfere with our theme making events disappear.
Exported page:

TEST.png
TEST.png (7.48 KiB) Viewed 1481 times

Print dialog:

TEST print.png
TEST print.png (7.64 KiB) Viewed 1481 times

I've opened ticket to track this issue: https://github.com/bryntum/support/issues/1575 we will look into this issue, but in the meantime I could recommend to check your app stylesheets. I assume there are @media styles defined somewhere which are responsible for this behavior.

Now regarding missing rows on exported page, I couldn't reproduce this on your demo even though I added few pages worth of tasks. Can you provide a runnable test case?


Post Reply