Discussions

We are building our first widget for AXP Workspaces. In our company the standard is Vue JS for websites. So our widget is build in Vue JS 3 with Vite. We want to use the Neo CSS in the widget for the same look and feel.

But we have some problems with adjusting the CSS. We've added a style block in our Vue Page but this added style block isn't used in Workspaces. If we load the widget standalone in a webbrowser the style is loaded.

Is there any documentation how to use the CSS in Workspaces? Or does anyone have some tips how to do this?

Example of the code:

Test text from the vue page

  <div class="neo-form custom-inline">
    <link rel="stylesheet" type="text/css" href="assets/css/neo.min.css" />
    <div class="input-button-container">
      <div class="neo-form-control">        
				<div class="neo-input-hintAAH">
          Het telefoonnummer is niet correct.
        </div>
      </div>
    </div>
  </div>

Style in the vue page

.neo-input-hintAAH {
  color: red;
  max-width: 250px;
}

In Workspaces we see the text in black and cannot find the style .neo-input-hintAAH. In the standalone webpage the text is in red and we can find the style.