Current filter:
                                You should refresh the page.
                                  • Hi

                                    We are currently evaluating devextreme and so far it suits our needs. Can you tell me if its possible to change the way the forms look through themeBuilder, and if so how.

                                    I have used the cli commange 'npx -p devextreme-cli devextreme add devextreme-angular' to create a test application.

                                    How would i change the look of the form to show boxes around the text input.

                                    see images attached.
                                    image A= is how it is now
                                    image B= is how i want it to look.

                                    We are currently using the free version of devextreme.

                                    Thanks

                                    ,

                                1 Solution

                                Creation Date Importance Sort by

                                Hi Matthew,

                                You don't need to use ThemeBuilder for this purpose. Please change the editorStylingMode option to 'outlined' or 'filled' to achieve similar appearance in the Material theme.

                                You can call the following code in the root component's constructor:

                                import config from "devextreme/core/config";
                                ....
                                config({
                                     editorStylingMode: 'filled'
                                })

                                Let us know if this suggestion helps.

                                • David Izon 10.04.2019

                                  Thanks for the quick reply. Can this be added to a dx-form

                                  or
                                  <dxi-item

                                • Artem (DevExpress Support) 10.04.2019

                                  This option is global and will affect all editors in your application.

                                  Alternatively you can define it for specific editors: stylingMode

                                  Let us know if you need further clarification on this.

                                • David Izon 10.07.2019

                                  How and where would i define this globally ?

                                  Thanks

                                • Artem (DevExpress Support) 10.07.2019

                                  Hi Mattew,

                                  You can call the following code in the root component's constructor:

                                  import config from "devextreme/core/config";
                                  ....
                                  config({
                                       editorStylingMode: 'filled'
                                  })