Current filter:
                                You should refresh the page.
                                  • One of the fields on the table is Notes and what I want to do is when the user selected the edit button I pop-up an Edit form.  I would like to make the contents of the Note field Red and Bold if there is information so it stands out.

                                • Lena (DevExpress Support) 12.06.2018

                                  Hi,
                                  It looks like you need a popup editing mode. As for the customization, could you please share a screenshot with required appearance with us? It will help us provide a more accurate answer. I hope to hear from you soon.

                                • SMORO 12.07.2018
                                  Lena - I am using a Pop-up Edit form but would like to have the Notes if there is data to be Red and Bolded.  So in the attachment I would like to see the Hold - Lease Test in Red and in Bold.

                                1 Solution

                                Creation Date Importance Sort by

                                Hi,

                                Thank you for the clarification. Consider the following solutions: 

                                1. It's possible to enable built-in validation to highlight editors if their values are empty (see Data Validation)

                                2. You can either customize our built-in styles to highlight invalid editors. For instance, check the following example -https://codepen.io/ArtemDevExpress/pen/GPKQqZ 

                                [CSS]
                                .dx-texteditor.dx-invalid .dx-texteditor-input { background-color: rgba(217, 83, 79, 0.4); }

                                 

                                3. You can use set the stylingMode option to 'filled' to achieve the same result without CSS customization - https://codepen.io/ArtemDevExpress/pen/JwPpWQ

                                I used the onEditorPreparing event handler to specify it for all editors:

                                [JavaScript]
                                onEditorPreparing: function(e){ if(e.parentType === "dataRow") e.editorOptions.stylingMode = "filled"; }

                                 

                                Check these ideas and let us know your results.

                                Updated by Marina 

                                Thank you for the clarification. The onEditorPrepared event provides the editorElement parameter(the editor's container). You can find the input element in this container and modify it as you need, for example: 

                                [JavaScript]
                                onEditorPrepared: function(e) { if (e.dataField === "FirstName") { var inputElement = e.editorElement.find("input"); inputElement.addClass("myClass"); } }

                                See this sample: https://codepen.io/anon/pen/VqwJBb 
                                Let me know if you need further assistance.

                                Show all comments
                                • SMORO 12.07.2018
                                  Artem this is not what I am looking for.  To make it simple. On the Pop-up form how can I have the Note Cell to always be Red and Bold.
                                • SMORO 12.08.2018
                                  I was looking at https://codepen.io/ArtemDevExpress/pen/GPKQqZ  
                                  If I add to the CSS the following it makes all cell in editor red. .dx-texteditor-input {
                                    color: red;
                                  }
                                   
                                  If I only wanted Phone to be red how would this get done.
                                • SMORO 12.08.2018
                                • SMORO 12.08.2018
                                  Was also trying one of these approached with no success.

                                  function OnEditorPreparing(e) {
                                        if (e.parentType == "data" && e.dataField == "Notes")
                                          {
                                                  //e.Font.Bold = true;
                                                  //e.ControlStyle.ForeColor = System.Drawing.Color.Red;
                                                  //e.editorOptions.stylingMode('font-weight', 'bold');
                                                  //e.editorOptions.stylingMode("color", "red");
                                          }
                                  }

                                  function OnEditorPrepared(e) {
                                        if (e.parentType == "dataRow" && e.dataField == "Notes")
                                          {
                                                  //e.Font.Bold = true;
                                                  //e.ControlStyle.ForeColor = System.Drawing.Color.Red;
                                                  //e.editorOptions.stylingMode('font-weight', 'bold');
                                                  //e.editorOptions.stylingMode("color", "red");
                                                  //e.cellElement.css('font-weight', 'bold');
                                                  //e.cellElement.css("color", "red");
                                          }
                                  }‍
                                • Marina (DevExpress Support) 12.10.2018
                                  Hi, 

                                  Thank you for the clarification. The onEditorPrepared event provides the editorElement parameter(the editor's container). You can find the input element in this container and modify it as you need, for example: 
                                  [JavaScript]
                                  onEditorPrepared: function(e) { if (e.dataField === "FirstName") { var inputElement = e.editorElement.find("input"); inputElement.addClass("myClass"); } }
                                  See this sample: https://codepen.io/anon/pen/VqwJBb
                                  Let me know if you need further assistance.
                                • SMORO 12.10.2018
                                  I added the code and added this to 

                                  site.css
                                   .myClass {
                                      color: red;
                                  }

                                  However the data still does not come up red.  Do I need to add this into a different css file. 
                                • Marina (DevExpress Support) 12.10.2018

                                  It is strange that it doesn't work. Please compare my sample and yours. Maybe, you have some specific settings/styles that prevent the correct work. It would be helpful if you modify my sample (https://codepen.io/anon/pen/VqwJBb) to illustrate the issue. Also, I have recorded a video that illustrates how it works on my side. I look forward to hearing from you.

                                • SMORO 12.10.2018
                                  When I add the following to the cshtml inline

                                  <style>
                                      .myClass {
                                          color: red;
                                          font-weight: bold;
                                      }
                                  </style>

                                  T‍his worked for me..
                                  T‍hanks for your help.‍
                                • Marina (DevExpress Support) 12.10.2018
                                  You are welcome!