asked on April 17, 2020
I am using flexmonster with react-native,
I need to hide/remove toolbar section in pivot table,
Can you please provide any solutions with react-native
Here is my code:-
(But it's not working)
<FlexmonsterReactNative.Pivot
container= "pivot-container"
toolbar={false} />
⋅ April 17, 2020
Hello, Vishal,
Thank you for your question.
Our team would like to kindly explain that some features provided by Flexmonster are not available in React Native while using our module due to some specifics limitations it imposes on the execution of JavaScript.
It includes enabling/disabling the Toolbar.
Even so, it is possible to modify the module itself in the way the desired configuration is adjusted.
For example, the possibility to disable the Toolbar be achieved using the following approach:
Download the module mentioned earlier and modify the following code snippet in the way the toolbar property of the created instance is set to false: https://github.com/flexmonster/react-native-flexmonster/blob/f8d0f7fd6614c06e1a31585c8b8cbe22e3bc653e/src/index.js#L360-L371.
For example:
...
`
<script>
new Flexmonster({
container: "#pivot-container",
componentFolder: "<https://cdn.flexmonster.com/>",
toolbar: false,
height: ${height},
width: ${width},
report: JSON.parse('${JSON.stringify(this.props.report)}')
});
${this.registerEvents()}
</script>
`
...
Please note that in case such methods are required, the module should be downloaded and connected manually instead of installation through npm.
We hope it works for you.
Please contact us in case further questions occur.
Kind regards,
Illia