Skip to content

ErcanOPAK.com

  • ASP.Net WebForms
  • ASP.Net MVC
  • C#
  • SQL
  • MySQL
  • PHP
  • Devexpress
  • Reportviewer
  • About
ASP.Net MVC / Devexpress

How to apply a custom CSS class to Devexpress components

- 30.03.20 - ErcanOPAK

For all the Devex Components, you can use ControlStyle > CssClass property to apply your custom CSS class (Example 1 and 2) or you can do it with parameter (if it is allowed – as in Example 3).

Here is 3 examples for MVC:

@Html.DevExpress().SpinEditFor(m => m.Books.Rating, settings =>
               {
                   settings.Properties.SpinButtons.ShowIncrementButtons = true;

                   settings.Properties.Increment = 1m;
                   settings.Properties.NumberType = SpinEditNumberType.Integer;
                   settings.Properties.MinValue = 0m;
                   settings.Properties.MaxValue = 5m;
                   settings.ControlStyle.CssClass = "form-control";

               }).GetHtml()
@Html.DevExpress().DateEdit(settings =>
       {
           settings.Name = "StartTime";
           settings.ControlStyle.CssClass = "form-control";
       }).GetHtml()
@Html.DropDownListFor(m => m.Books.AuthorId, new SelectList(Model.Authors, "Id", "AuthorFullName"), new { @class = "form-control" })

Related posts:

Default Settings for Datatable in MVC
Convert List to List in one line in C#
Using View Model to pass Multiple Models in Single View in MVC
How to use ? : if statements with Asp.Net Razor
@helpers in Asp.NET MVC Razor
Post Views: 28

Post navigation

Define a Default Value when insert New Record From ASPxGridView
Unique Constraints in MS SQL Server to prevent duplications

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

May 2022
M T W T F S S
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
« Apr    

Most Viewed Posts

  • Get the First and Last Word from a String or Sentence in SQL (331)
  • How to use Map Mode for Vertical Scroll Mode in Visual Studio (220)
  • How to solve “Response.Redirect cannot be called in a Page callback” for DevExpress Components (190)
  • Find numbers with more than two decimal places in SQL (190)
  • Confirm before process with ASPxButton in Devexpress (189)
  • ASPxGridView – Disable CheckBox based on condition in GridViewCommandColumn (189)
  • How to make some specific word(s) Bold or Underline in ReportViewer (189)
  • Devexpress ASPxGridview Column Grouping in Code (176)
  • Add Constraint to SQL Table to ensure email contains @ (174)
  • Tense Changes When Using Reported Speech (167)

Recent Posts

  • How to put text inside MVC Razor code block
  • How to solve 0xc0000135 application errors after Windows 11 Update
  • How to get the integrity value for a jquery version of script reference in a web page
  • How to get session value in Javascript
  • How to get value from resx file in C#
  • How to lock the ciritical code part in C#
  • How to make theater mode the default for Youtube
  • How to turn off YouTube annotations and cards
  • How to hide Youtube chat windows permanently
  • How to enable, disable and check if Service Broker is enabled on a database in SQL Server

Recent Posts

  • How to put text inside MVC Razor code block
  • How to solve 0xc0000135 application errors after Windows 11 Update
  • How to get the integrity value for a jquery version of script reference in a web page
  • How to get session value in Javascript
  • How to get value from resx file in C#

Most Viewed Posts

  • Get the First and Last Word from a String or Sentence in SQL (331)
  • How to use Map Mode for Vertical Scroll Mode in Visual Studio (220)
  • How to solve “Response.Redirect cannot be called in a Page callback” for DevExpress Components (190)
  • Find numbers with more than two decimal places in SQL (190)
  • Confirm before process with ASPxButton in Devexpress (189)

Social

  • ErcanOPAK.com
  • GoodReads
  • LetterBoxD
  • Linkedin
  • The Blog
  • Twitter

powered by XBlog Plus WordPress Theme