+18
It seems like not possible to show HTML in the previewer component in Universal.
Is this not yet possible in the Universal GUI or can it be realized in another way?
See below an example of a HTML page shown in de Windows GUI versus Universal
Universal:
Best answer by Erik Brink
View original
+14
Hi
I am assuming you have a HTML field here. I think you can achieve it using a cardlist component and set up the card list to only show the HTML field. If I remember correctly it will automatically adjust its height to the contents.
+18
Hello
Thanks, for the tip. That would be great, I will give it a try.
+18
I've tried it and it looks promising. However, one problem, long texts are is not wrapped properly.
Do you have experience with this problem? And have you already found a solution for it?
+14
white-space: normal !important;Nice, but can you give me a full example of how your custom.css looks like?
+14
Nice, but can you give me a full example of how your custom.css looks like?
Add the following to your custom CSS, maybe it works straight out of the box :)
.cardlist-item-container .cardlist-item__value, .css-4f29yv .cardlist-item-container .cardlist-item__label, .css-4f29yv .cardlist-item-container .cardlist-item__value > *, .css-4f29yv .cardlist-item-container .cardlist-item__label--checkbox {
white-space: normal !important;
}
+18
Thank you
+5
Hi Harm,
It is indeed not supported yet to feed the preview component html text to show. This is still open on our backlog for the Universal GUI.
As a workaround you can think of a cardlist or a form with a single (html) column, linked as a detail to this subject using a 1-on-1 self-reference. Or saving the html text to a file and link it to a url control, where the preview component is bound to.
We understand this is all not ideally.
Best regards,
Erik
+1
Sorry for the late response.
The css provided by Freddy is indeed what prevents the sentences being cut off in the card lists.
When you test it, make sure to throw away the cache, to make sure the new CSS is loaded.
+18
I finally found a good workable solution by adding some inline styling in the dataset
SELECT note_guid
, note_body_html = '<p style = "margin: 4.00px; white-space: normal;">
+ <span style="color: #3366ff;">'
+ FORMAT(n.insert_date_time, 'dd-MMM-yyyy HH:mm:ss', 'en-en') + ' - '
+ ISNULL(u.friendly_name, n.insert_user) + '<br/><br/>' + note + <p/>'
, note_date_time = n.insert_date_time
FROM note n
LEFT JOIN users u ON u.user_name = n.insert_user
This is the result:
+5
It is indeed an option to include it in your data too, but it will increase network load.
Since it is a static piece of CSS styling. You can place it in the resources of the GUI as described here:
https://docs.thinkwisesoftware.com/docs/sf/themes#custom-css-in-the-universal-gui
The advantage of this is that this piece of CSS is only send to the client once, when the GUI is opened for the first time.
+18
+5
Hi Harm,
I will bring it up for the planning of upcoming sprints. We will react to this post once we know more.
Best regards,
Erik
+18
+5
At the moment, only for web-addresses with the same origin as the GUI/Indicium. Browsers will block the rest due to CORS security.
There is an item on the backlog to research possibilities with this, e.g. allowing a whitelisted set of addresses to show up. We need this to work ourself to on e.g. TCP.
+5
In the upcoming release (2023.1.15) the Universal GUI will add support for previewing the data of an HTML type column in the preview component.
+5
Sorry
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.