Custom input does'nt allow adding styles

1 Answer 40 Views
Form Input TextBox
Infraestructura TI
Top achievements
Rank 1
Infraestructura TI asked on 01 Feb 2024, 03:12 PM
Hello, I have been trying to change a simple Input Custom that I call from the <Field /> but it does'nt allow FillMode ={"outline"} and I could'nt change it from scss either. I don't know if I am having any direct problems from kendo material, any example? maybe I'm doing it wrong. (The Textbox component allows me but I'm not using it in the form)

1 Answer, 1 is accepted

Sort by
1
Konstantin Dikov
Telerik team
answered on 05 Feb 2024, 09:52 AM

Hello,

The Input component currently does not support fillMode, but you can wrap the Input in a span element with the class names added to the TextBox with the outline fillMode, so that the same styles can be applied:

        <span
          className={
            'k-textbox k-input k-input-md k-input-outline k-rounded-md'
          }
        >
          <Input
            valid={valid}
            type={type}
            id={id}
            disabled={disabled}
            maxlength={max}
            ariaDescribedBy={`${hindId} ${errorId}`}
            {...others}
          />
        </span>

Here is an example with the above approach:

Regards,
Konstantin Dikov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Form Input TextBox
Asked by
Infraestructura TI
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or