3D FlipBook - On using propertiesCallback: function (props) {} getting error

m***a@unthinkable.co
2021-02-01
2021-02-04
PdfBookPropsBuilder.js:36 TypeError: Cannot read property 'width' of undefined
    at PdfBookPropsBuilder.scene.bookBuilder [as onReady] (index.js:97)
    at PdfBookPropsBuilder.ready (BookPropsBuilder.js:65)
    at PdfBookPropsBuilder.js:33

i am using

propertiesCallback: function (props) {
                props.sheet.flexibleCorner = 1;
                props.sheet.wave = 0;
                props.sheet.shape = 1;
            },

to get the curvature of sheet to be flat but i am getting the above error. I have purchased the product.

Replies

a***r@3dflipbook.net
2021-02-04
2021-02-04

you do not return props:

      propertiesCallback: function(props) {
        props.page.depth *= 0.7;
        props.cover.padding = 0.002;
        return props;
      },

to get flat:

$('body').FlipBook({
...
  bookStyle: 'flat',
});
m***a@unthinkable.co
2021-02-05
2021-02-05

$('body').FlipBook({ ... bookStyle: 'flat', }); This is not making the sheet flat. It is looking like a magazine flick. When i am swiping the sheets, I want it to remain flat.

m***a@unthinkable.co
2021-02-05
2021-02-05

It appears like a wavy swipe. How can i make it flat?

a***r@3dflipbook.net
2021-02-05
2021-02-05

No, there is not such option.

m***a@unthinkable.co
2021-02-05
2021-02-05

Is there any option to show only one page at a time ? I want to show only page at a time on device with lower resolutions as the content for two pages becomes very small and is not visible clearly.

a***r@3dflipbook.net
2021-02-08
2021-02-08

Use controlsProps https://3dflipbook.net/documentation#book-control-props :

$('body').FlipBook({
  ...,
  controlsProps: {
    actions: {
      cmdSinglePage: {
        activeForMobile: true
      }
    }
  }
});
m***a@unthinkable.co
2021-02-08
2021-02-08

How can i load the pdf in sets of pages? So that loading is not there.

a***r@3dflipbook.net
2021-02-10
2021-02-10

To render PDFs plugin uses PDFJS library, check it.

Log In to leave a comment