Get Free Trial
Get Free Trial

Flexmonster looks unstyled in React

Answered
jacobjones asked on August 3, 2019

I can’t find the docs for how to style flexmonster in React. When I bring it in it is completely unstyled, a mess, as you can see in the screenshot
 
import React from “react”;
import * as FlexmonsterReact from “react-flexmonster”;
function Flexmonster() {
const report = {
dataSourceType: “elasticsearch”,
node: “http://localhost:9200”,
index: “fivesixfromlog”
};
return (
<div>
<FlexmonsterReact.Pivot
toolbar={true}
report={report}
width=”100%”
/>
</div>
);
}
export default Flexmonster;



 

1 answer

Public
Dmytro Zvazhii Flexmonster August 5, 2019

Hello,
Thank you for posting your question here.
 
We have recently updated an integration approach. For now, it requires importing .CSS files explicitly. 
Please refer to our GitHub sample project: https://github.com/flexmonster/pivot-react/blob/master/ES6/src/index.js#L1.
 
Our team will provide the necessary update to the documentation in the nearest time.
Please let us know if everything works fine for you.
Regards,
Dmytro

Please login or Register to Submit Answer