CODEWITHSUNDEEP
vaadinvaadin14
albo
albo

Reputation: 25

Styling a vaadin Component (Dialog) with CSS file

I have a Dialog that retrieve informations from an endpoint (String of information) but I have a Problem with style this dialog, because all these informations appear untidily!

For example to be clear, I have this endpoint, that it helps me to retrieve a Data about Mobile, and want to show this Data in a Dialog (BUT the Style should like Screenshot Nr. 1), but my Problem is that the data appears as Preview (Screenshot 2).

enter image description here

Upvotes: 1

Views: 202

Answers (1)

Simon Martinelli
Simon Martinelli

Reputation: 36113

You can use the Html component with a pre tag where you put the formatted JSON:

Html pre = new Html("<pre>" + formattedJson + "</pre>");

To format the JSON String you can use this:

String prettyJson = mapper.writerWithDefaultPrettyPrinter()
                          .writeValueAsString(mapper.readTree(inputJson));

Find more examples here: https://roytuts.com/how-to-pretty-print-json-in-java/

Upvotes: 1

Related Questions