User style won't save and apply

Wappler General Bugs
1

Wappler Version : 5.3.2
Operating System : Windows 10 x64
Server Model: NodeJS
Database Type: PostgreSQL
Hosting Type: Docker

Expected behavior

Adding user style is saved and applied

Actual behavior

User style won’t save and apply

How to reproduce

user_style
user_style2540×1294 940 KB

I’m trying to apply capitalize transformation to the dropdown items using CSS and I can’t do this because CSS style won’t save or apply.

Maybe it’s related to this topic: Design style values won't save

2

@George @Teodor any updates regarding this issue?
Did you managed to reproduce it?

3

Is the class test applied to the dropdown (check this in code view)? Is the style css file included on your page? Do you see the entry in the style css file?

4

Here is a code output:

<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="test" appConnect="local" -->
<meta name="ac:route" content="/test">
<div class="container">
    <div class="row">
        <div class="col">
            <select id="select1" class="form-select test1">
                <option value="1">Option One</option>
                <option value="2">Option Two</option>
                <option value="3">Option Three</option>
            </select>
        </div>
    </div>
</div>

image
image1907×481 36 KB

In style.css style class is created:

image

But in reality - class is not applied to Dropdown.

image

5

But is your style css file included on the main page?

6

No.

image
image1103×876 62.3 KB

7

Well make sure to add it there then :slight_smile:

8

After adding line bellow styles started to work and I see options to edit style in Design tab.
<link rel="stylesheet" href="/css/style.css" />
@Teodor I believe this is a bug and you can easily reproduce this on a newly created project.

2 Likes
10

Hello Notum,
the same thing occured on my project right now. This surely looks like a bug.
After reading other posts about this, I think it only happens with node.js.
Cheers, Jo