Resources for using Blazor Input components with Bootstrap 5

Resources for using Blazor Input components with Bootstrap 5

Posted by: pkillick on 3 January 2023, 4:41 am EST

• 

  pkillick

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 3 January 2023, 4:41 am EST

  Are there any resources for using Blazor Input components with Bootstrap 5? Specifically, I would like to apply Bootstrap form classes and styling but I’m having trouble accessing the inner Input control that a C1TextBox wraps with a Div.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 3 January 2023, 10:03 pm EST - Updated 3 January 2023, 10:08 pm EST

  Hi,
  
  We could not customize the Input Code, but we may apply the classes to the controls. Please refer to the following code snippet used bootstrap class to input control:

  <C1TextBox Class="form-control"></C1TextBox>
       <input class="form-control" />

  Here is the output:
  
  

  

  1238×250 17.2 KB

  Regards,
  
  Manish Gupta

• 

  pkillick

  • Post Options:
  • Link
    Copy

  Posted 4 January 2023, 2:49 am EST

  Thanks, it looks like the Bootstrap form-related Input CSS classes can be applied to the wrapping Div elements from C1TextBox and still apply the desired styling.