Question

42

Add border arround a paragraph with pdfmake

rated 0 times [ 44] [ 2] / answers: 1 / hits: 19875 / 9 Years ago, wed, april 29, 2015, 12:00:00

I'm generating pdf via pdfmake.

Let's say i have content of the pdf like this

var docDefinition = {

    content: [

        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a pharetra odio.',

        'Vestibulum erat mauris, sodales et consequat sit amet, ultricies vitae erat. Etiam feugiat orci justo, ultrices malesuada dui ornare ac.',

    ]

};

Is it possible to add border arround one of the paragraphs or do I have to use tables for this?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jennie

Add To Favorites

Follow

Total Points: 593

Total Questions: 102

Total Answers: 106

Location: Federated States of Micronesia

Member since Fri, Sep 16, 2022

2 Years ago

jennie questions

1 Is there a React equivalent of Vue's nextTick() function?

Tue, Jun 21, 22, 00:00, 2 Years ago

1 how to loop to expect a list of item in jest

Tue, Feb 8, 22, 00:00, 2 Years ago

1 arrow function expected no return value with clean-up function in useEffect

Sun, May 23, 21, 00:00, 3 Years ago

1 React Re-Render Causes Flickering : How can i fix this?

Thu, Mar 4, 21, 00:00, 3 Years ago

1 React onChange not working for input inside functional component

Thu, Feb 25, 21, 00:00, 3 Years ago

View All

answered 9 Years ago anitadevonm · Accepted Answer

I have not gotten apply borders to a paragraph. I think the only option you have is to use tables.

Below this lines I have attached a simple code that you can paste directly at pdfmake playground in order to try it.

var dd = {

    content: [

        {

            style: 'tableExample',

            color: '#555',

            table: {

                body: [

                    [

                        {

                             text : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a pharetra odio.nnVestibulum erat mauris, sodales et consequat sit amet, ultricies vitae erat. Etiam feugiat orci justo, ultrices malesuada dui ornare ac.'

                        } 

                    ],

                    [

                        {

                             text : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a pharetra odio.nnVestibulum erat mauris, sodales et consequat sit amet, ultricies vitae erat. Etiam feugiat orci justo, ultrices malesuada dui ornare ac.'

                        } 

                    ],

                    [

                        {

                             text : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a pharetra odio.nnVestibulum erat mauris, sodales et consequat sit amet, ultricies vitae erat. Etiam feugiat orci justo, ultrices malesuada dui ornare ac.'

                        } 

                    ],

                ]

            },

            layout: {

                //hLineWidth: function(i, node) {

                //  return (i === 0 || i === node.table.body.length) ? 2 : 1;

                //},

                //vLineWidth: function(i, node) {

                //  return (i === 0 || i === node.table.widths.length) ? 2 : 1;

                //},

                hLineColor: function(i, node) {

                    return (i === 0 || i === node.table.body.length) ? 'red' : 'blue';

                },

                vLineColor: function(i, node) {

                    return (i === 0 || i === node.table.widths.length) ? 'red' : 'blue';

                },

                paddingLeft: function(i, node) { return 40; },

                paddingRight: function(i, node) { return 40; },

                paddingTop: function(i, node) { return 20; },

                paddingBottom: function(i, node) { return 20; }

            }

        }

    ],



    defaultStyle: {

        alignment: 'justify'

    }



}