Hi,

I am trying to add html table on slide, with addSlidesForTable method.
I followed your instructions and tried to add the table along with custom master layout.
But I am not able to set this html table's 'x' and 'y' positions as it is overlapping my master layout texts.
Can you please help me in how to set these positions?

Add a couple new features to addText() bullet option:

• Diff types of bullets (not just the plain black circle one)
• Add numbering as a new bullet option

Feature request from @sangramjagtap

Kindly guide me,
I am using below example to create a table with multiple rows.
Expecting Solution : While rows increased dynamically, automatically create new slide if rows crossed the layout. I don't know how to use tabAutoPaging here.

var pptx = new PptxGenJS();
var slide = pptx.addNewSlide();
slide.addText('Demo-03: Table', { x:0.5, y:0.25, font_size:18, font_face:'Arial', color:'0088CC' });

var rows = [
['A1', 'B1', 'C1'],
['A2', 'B2', 'C2']
];
var tabOpts = { x:0.5, y:2.0, w:9.0, fill:'F7F7F7', font_size:18, color:'6f9fc9' };
slide.addTable( rows, tabOpts );

Screenshot attached FYR.

I need to add bullet points in the table cell. Kindly guide me

The above generates the output as follows:

But moving margin and fill properties to individual items,

does not reflect in output.

Greetings! I continue to torment the table :)
At this time I would like to draw your attention to the location of the table when moving to the next slide. The new slide table is moved to the same place where there was a parent.

I do not understand how far from the bottom of the slide begins the transfer table. The screenshot shows that the space on the slide is still a lot, but part of the table has been moved to a new slide.
It would be nice if it was possible to disable pagination option.

I apologize for these screenshots and my bad english, but the more I can not show.

Is there a way to generate the outline view?

hi Brent,

if I have loaded one pptx file template and one png file into browser, how can I insert the png to pptx?

is there a way similar to code below?

var pptx = new PptxGenJS("content of pptx in browser");
var slide = pptx.addNewSlide();
slide.addImage({ data:'image/png;base64,iVtDafDrBF[...]=', x:3.0, y:5.0, w:6.0, h:3.0 });

thanks

hallo ,

I try to add an SVG Image to a slide with this Code :

slide.addImage({data:"image/svg+xml;base64,PD94bW..... "});

but in the Powerpoint file it didn't show the Image , and display the message : "this picture cannot be displayed"

BUT wenn I remove the "+xml" from the command and will be like this :

slide.addImage({data:"image/svg;base64,PD94bW..... "});

the picture will inserted and displayed !! but this photos displayed just wenn I open the file on my computer , on other Computers it will show the last error message and no photos will showed !!!

Please help me in this issue , if someone know or tried how to add an svg Image .

Best Regards !

Hi

I've been using officegen module for a while and there you can create a HTTP stream and send the pptx xml in the response by just doing pptx.generate ( response );

Is there any way to do this or similar with PptxGenJS?.

Thanks

Is there a way to add multiple line of text's in columns?

I have a table with 3 columns and 5 rows. One of the column values are like points. (multiple lines)
Ex:
Line one
Line two
...
Line nnn

I need to display as points inside the column, Is there a way to add the multiple line text's inside the column?

Following are two text elements created in two different ways.

EXAMPLE 1

var pptx = new PptxGenJS();
pptx.setLayout('LAYOUT_WIDE');
var slide = pptx.addNewSlide();

slide.addText(
[
{text: 'Hello', options: { color:'393939', font_size:16 }},
{text: 'Line 1\nLine 2\nLine 3', options: { color:'393939', font_size:16, bullet:true }}
],
{x:2.0, y:1.0, w:'50%', h:1, fill:'F2F2F2'}
);

pptx.save('Demo-Text');

EXAMPLE 2

var pptx = new PptxGenJS();
pptx.setLayout('LAYOUT_WIDE');
var slide = pptx.addNewSlide();

slide.addText(
'Hello', { x:2.0, y:1.0, w:'50%', h:1, color:'393939', font_size:16, fill:'F2F2F2' }
);

slide.addText(
'Line 1\nLine 2\nLine 3', { x:2.0, y:2.0, w:'50%', h:1, color:'393939', font_size:16, fill:'F2F2F2', bullet:true }
);

pptx.save('Demo-Text');

I want to know why there outputs vary for bullets as per shown in images above, despite the conversion logic is same.

I've tried a couple way to make a bullet list - but it's not working as expected:

Test 1:

                     slide2.addText(
                         [
                             {
                                 text: '1st point.'
                             },
                             {
                                 text: 'Something...'
                             }
                         ],
                         {
                             x: 7.75,
                             y: 1.3,
                             w: 2.17,
                             h: 5.5,
                             valign: 'top',
                             margin:0.1,
                             font_face: 'Arial',
                             font_size: 12,
                             bullet: true
                         });

Test 2:

                     slide2.addText(
                         [
                             {
                                 text: '1st point.',
                                 options: {
                                     bullet: true,
                                 }
                             },
                             {
                                 text: 'Something...',
                                 options: {
                                     bullet: true,
                                 }
                             }
                         ],
                         {
                             x: 7.75,
                             y: 1.3,
                             w: 2.17,
                             h: 5.5,
                             valign: 'top',
                             margin:0.1,
                             font_face: 'Arial',
                             font_size: 12,
                             bold: false,
                         });

Hi! is it possible to add hyperlinks in text elements that reference to other slides?

Thank you for this awesome library!

I implemented table to slides but each time a black band appears. Can you please help? Or assist me where am i going wrong?

Presentation (1).pptx

I was noticing that I was sending the file before it was update and would like to have a callback fired after the file is written.

Any chance you could add italic to the text options?

I am trying to run PptcGenJS in a NW.js app. I used npm to installed PptcGenJS in my app/node_modules directory. I am using this code:

var pptxgenjs = require('pptxgenjs');

var pptx = new PptxGenJS();
var slide = pptx.addNewSlide();
slide.addText('Hello World!', { x:1.5, y:1.5, font_size:18, color:'363636' });
pptx.save('Sample Presentation');

I get no result. I'm guessing I'm not calling PptxGenJS correctly

I used the colW property according to document to set each width of column but it failed to work.
There are 7 columns in my table and I set colW like this:

var tabOpts = {x:0.5, y:0.73, cx:9.0, rowH:0.25, colW:[0.65, 3.25, 0.65, 0.65, 0.65, 1.3, 0.65]};

Hi,

I am trying to export the charts to ppt using PptxGenJS. Facing some issues and can you please give idea/suggestion using this plugin.

Thanks in advance

I need to set y positions of Page Numbers.
I am using 'LAYOUT_WIDE' layout for slides.
but when i set isNumbered : true, it is showing page number middle of the slide.
like this:

Can you please help me in this.

Hello,

Would like to know how i could add animation to text like appear, can someone assist me if possible

regards
Anwar

Hey Brent,

Thank you for the support for animated GIFs. They work absolutely fine.

Could you, by any chance, extend or enhance the library to support .mov and/or .mp4 files?

Found another bug with dissapearing value in cells:

Code: http://pastebin.com/zBKA3zMd

I'm absolutely loving this project so far, thanks for the great work!

Is an option for automatic pagination in slideObj.addTable() in the works? This is the one thing that's preventing me from being able to use this project in production.

Hi,

Thank you for the wonderful project. It is indeed very useful.
Issue: I tried adding a gif image to the ppt, it works fine but the animation doesn't. It gets embedded as an image and not a movie. (just copying a gif into a ppt embeds itself as a movie)

Do you think that feature is already available and I'm doing it wrong or is it something that still needs to be implemented?

Can you try that and let me know if it works?

Thanks.

Formatting rules are ignored after the symbol '\n', e.g:
slide4.addText('first paragraph\nsecond paragraph\nthird paragraph', { x: 0.0, y: '50%', valign: 'middle', align: 'center', color: '000000', font_face: 'Times New Roman', font_size: 16, isTextBox:true});
It looks like:

Will help to consume library from node.
Instructions how to do publish a package: https://docs.npmjs.com/getting-started/publishing-npm-packages

Given a table with 7 cols and 2 rows:

When I try to bring a table to a form, the value in cell B2 is lost:

Now, when I try to connect F1 and F2 rowspan getting corrupted pptx file. Code:
var slide2 = pptx.addNewSlide(); var rows2 = [ [ {text:'A0 and B0', opts:{rowspan:2}},{text:'A1 and A2', opts:{rowspan:2}},{text:'B1 and C1', opts:{colspan:2}},{text:'D1 and E1',opts:{colspan:2}},'F1' ], [ 'B2','C2','D2','E2','F2' ] ]; var tabOpts2 = { x: 0.5, y: 1.5, w: 13, margin:0 }; var celOpts2 = { font_size: 10, font_face: 'Times New Roman', align: 'center', valign: 'middle', border: { pt: '1' } }; slide2.addTable( rows2, tabOpts2, celOpts2 );

I'd like to set the background color based on a value that is passed from my application. But it doesn't seem possible to pass it through the call to the master slide. Do you have any option for that? I'll need to do the same thing for background images.

Dear brent,

Thank you for the table auto paging.
I am facing one issue, may be you have a solution.

In my slide one heading and description, then my table start from the middle of the slide.
The table automatically creating paging but in the second slide also it is starting from the middle of the slide, same like first slide. Attached the screenshot FYR.

Kindly guide me.

Regards
Jenkins NS

How to set text shadow?

I'm using the node module in a Sails.js project.

The first time I generate a PPT, everything looks good. When I generate a second PPT, the output file contains both presentations. A third call to .save() will produce a file with all three presentations.

I've tried requiring the module each time my generating method is called instead of a single time at the top of the file, but that's not working.

Is the library caching the last presentation? Is there any way to clear it?

Hello,

I am a nodeJS newbie and I apologize if this is a basic question.

I'm attempting to use PptxGenJS from a simple standalone nodeJS script. I've used NPM to install the pptxgenjs module locally. When I try to import the module into my script, the require keyword returns an empty object.

Here is my code where pptxgenjs is the empty object that is returned.

var pptxgenjs = require ('pptxgenjs');

Is this a supported use of PptxGenJS? I notice the examples are all called from an HTML page.

If so, can anyone help me understand how to import the module into my script?

Thanks,
Travis

Hey Brent,

Is there any way you could add the feature where in you can add comments/notes to a slide?

Hello

I have this issue:

it sometimes can't load the image I put in my local directory.(sometimes it works)
this is my code: pptx.addNewSlide().addImage({x:1.75, y:1.81, w:7.2, h:2.31,path:'datalog/assets/img/KYEC.png'});

var pptx = new PptxGenJS();            
var slide = pptx.addNewSlide();
var rows = [1,2,3,4,5,6,7];

slide.addTable(rows);
pptx.save();

For some reason a table with 7 columns generates a pptx which I cannot open. I tried with 1 to 10 columns and only 7 had this problem.

I would like to see in your wonderful project such new features:

• A3 layout format
• images in table cells
• text multiformatting in single table cells

I have a problem with table options getting defaulted on empty table cells. Consider the following simple code which creates a table:

var pptx = new PptxGenJS();
var slide = pptx.addNewSlide();

var row = [42, 'foo', '', null];
var options = { font_size: 12 };
slide.addTable(row, options);

pptx.save();

I expect that all 4 cells get all the formatting options specified in options. However, the result defaults the styling of the last 2 cells ('' and null). Giving those font size 18.

This might happend for all formatting options. The only other option I was using was font_face which got defaulted to Arial.

Hello ,
is it possible to load a pre-prepared Template and used ? for example : a Master Template with logo and colors .

marginPt should accept 0, since you can do no margins in a table cell.
Also it would be nice to be able to TRBL definition on them.

Hi,
may I check if I can load pptx template from server to browser then replace / insert content (text/table/image) to the template and save as new ppt? thanks

Hi,

sorry for a newbie question, couldn't find anything in the docs or examples related to this. is there a way to add bullet points to the slide?

Hi,

I have got nested html table. while generating the ppt it is not getting generated. it aways goes into error mode.

please do help me resolve the issues.

addTable() Development Items:

• New option to disable auto-paging
• New option to allow a line weight variable so users can adjust paging more precisely
• Allow use of different x and y values after the initial page

Pingback: This Issue encapsulates Issue #43 and Issue #47 .

I am trying to fix the width of Col2 column, as shown in table,
but it always takes same width for all columns.

How to provide width style to column?

Currently i am trying to export the chart from our app to ppt using PptxGenJS. I am getting px values for all the elements, so how can i set the values (width and height) in px(units) to draw any shapes in PptxGenJS?

If we can't set px in PptxGenJS, do you have any idea that how to convert px to inch/percentage which can be use in PptxGenJS?

Can you please give some suggestion on this. Thanks in advance.

pptx.save('sample', filename=>{
    console.log(filename);
    process.exit(0);
})

There is no pptx saved.
Maybe use callback at wrong time?
Thanks.

[email protected]