Radzen Inputs allow adding css #1016

Closed
opened 2026-01-29 17:47:47 +00:00 by claunia · 2 comments
Owner

Originally created by @douglassimaodev on GitHub (Oct 22, 2023).

<RadzenNumeric TValue="decimal" ShowUpDown="false" 
               Format="#,###.00"
@bind-Value=SupplierQuote.Price class="form-control" />

this class will be applied to span and not to the input

<span class="rz-spinner valid rz-text-align-left form-control" id="-TUSQSD-H0" _bl_5=""><!--!-->
        <input type="text" inputmode="decimal" class="rz-spinner-input valid rz-inputtext" tabindex="0" autocomplete="off" onkeypress="Radzen.numericKeyPress(event, false)" onblur="" onpaste="" _bl_6=""><!--!-->
    </span>
would be nice to see a class to apply the input like InputClass etc..
Originally created by @douglassimaodev on GitHub (Oct 22, 2023). ``` <RadzenNumeric TValue="decimal" ShowUpDown="false" Format="#,###.00" @bind-Value=SupplierQuote.Price class="form-control" /> ``` this class will be applied to span and not to the input ``` <span class="rz-spinner valid rz-text-align-left form-control" id="-TUSQSD-H0" _bl_5=""><!--!--> <input type="text" inputmode="decimal" class="rz-spinner-input valid rz-inputtext" tabindex="0" autocomplete="off" onkeypress="Radzen.numericKeyPress(event, false)" onblur="" onpaste="" _bl_6=""><!--!--> </span> ``` would be nice to see a class to apply the input like InputClass etc..
Author
Owner

@ggomarighetti commented on GitHub (Oct 23, 2023):

You can access through CSS selectors to the input to apply the styles you need.

If a property like this is implemented, it should be implemented for all inputs, in the various scenarios, as a formfield, as well as separately.

If you want, you could identify all the inputs that have this problem of lack of css class in the "input" tag and reply to this commit, and I will elaborate a PR.

Regards.

@ggomarighetti commented on GitHub (Oct 23, 2023): You can access through CSS selectors to the input to apply the styles you need. If a property like this is implemented, it should be implemented for all inputs, in the various scenarios, as a formfield, as well as separately. If you want, you could identify all the inputs that have this problem of lack of css class in the "input" tag and reply to this commit, and I will elaborate a PR. Regards.
Author
Owner

@akorchev commented on GitHub (Oct 23, 2023):

Probably some API similar to the existing Attributes - InputAttributes maybe. Won't be as convenient but would allow people to set various attributes .

@akorchev commented on GitHub (Oct 23, 2023): Probably some API similar to the existing Attributes - InputAttributes maybe. Won't be as convenient but would allow people to set various attributes .
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1016