Hi, community. is our Mappview’s webviewer widget is capable of showing the websites built on tailwind css ? as currently i checked on mappview 5.24.1 it is not supporting.

[image] well some components are working fine

For others who as me does not know tailwind css. AI powered answered: “Websites built on Tailwind CSS” = websites created using the Tailwind CSS framework, which styles pages using small utility classes instead of traditional custom CSS.

web viewer widget is so called HTML iframe Tag, information is mentioned e.g. here [image] Why webViewer widget of mappView does not show external web page with error "refused to connect" How-To & Wikis Introduction The aim of this article is not to cover th…

[image] kovarj: maybe others can help here. maybe :slight_smile: It depends on what “is webviewer widget capable of showing websites build on tailwind css” means. The WebViewer widgets is, as you already pointed out, “only” a wrapper around an html IFRAME element. Due to that, you get some …

Happy to have experienced colleagues around me :slight_smile: Thanks for the nice explanation, @hobi72

It should be possible, since Tailwind produces a static CSS file. However, you should avoid using the CDN version, as it requires an active internet connection. Instead, generate a static Tailwind CSS file locally and include that in your project. I implemented it by hosting the Tailwind-based we…

I tried the same website with hosting it locally and it is showing on mappview hence it is a security policy related issue so do we have access to modify it?

However after running it locally i still got error for some components [image]

This error is not related to Tailwind. The syntax you’re using isn’t valid in plain HTML, so it looks like your webpage is relying on a templating framework or build process? In the WebViewer, that templating logic is likely not being executed, which is why data becomes undefined and you get the er…

For my webserver i put the files like this: [image] Then you can include the compiled tailwind like this: [image] And that works perfectly fine in mapp view web viewer.

I’m using Next.js so hosted it locally and on the browser this is working correctly [image] initially i thought next.js latest version might not be supported so i downgrade it to v14.2.16

Mappview's webviewer Supports Tailwind css components?

Ask Questions HMI & Visualization

kovarj (Jaroslav Kovar) November 27, 2025, 7:06am 3

web viewer widget is so called HTML iframe Tag, information is mentioned e.g. here

so you can try functionality e.g. using this link W3Schools Tryit Editor

I’m not aware of any changes in this widget. But I’m not expert for that. maybe others can help here.

Topic		Replies	Views
Custom widgets Widget Development Tool Chain wdtc-widget	5	309	April 30, 2025
Mapp View - WebViewer widget keyboard HMI & Visualization mapp-view	11	609	August 12, 2024
Embedding one mappView visualization into another using WebViewer HMI & Visualization mapp-view	1	69	February 2, 2026
Multiple Controllers, single HMI HMI & Visualization mapp-view	22	464	October 9, 2025
Why webViewer widget of mappView does not show external web page with error "refused to connect" How-To & Wikis mapp-view	7	499	January 8, 2025

Mappview's webviewer Supports Tailwind css components?

Related topics