Current filter:
                                You should refresh the page.
                                  • I am using something like this to build all my forms

                                    <div class="dx-field">
                                                            <div class="dx-field-label">My Label</div>
                                                            <div class="dx-field-value">
                                                                <dx-text-box [(value)]="Entity.Plate" mask="00-000-00" useMaskedValue="true" [disabled]="IsLockedForChanges()" formatRequired>

                                                                </dx-text-box>
                                                            </div>
                                                        </div>

                                    How do I make the label to appear above the textbox so it would look as it should in material design?
                                    Is there some global property or something?
                                    I see you have this option on the form widget but using it is not flexible enough for my needs

                                1 Solution

                                Creation Date Importance Sort by

                                Hi Mike,
                                Unfortunately, TextBox doesn't support this functionality in Material themes out of the box. This feature is on our TO-DO list and you can track our progress with the corresponding GitHub issue.
                                At the moment, I suggest you use this CodePen sample as a possible workaround. It is based on custom markup and CSS customization. Please note that this workaround is just a temporary solution and we recommend replacing it with the new official one in the future.

                                Show all comments
                                • Mike Postel 11.26.2018

                                  Hi Lena
                                  I tried your solution but it messed up the whole form. I changed my class names and field structure according to the example but it did not help
                                  I am using angular, any chance you can provide the required syntax for it?

                                  <div class="dx-field">
                                                          <div class="dx-field-label">My Label</div>
                                                          <div class="dx-field-value">
                                                              <dx-text-box [(value)]="Entity.Plate" mask="00-000-00" useMaskedValue="true" [disabled]="IsLockedForChanges()" formatRequired>

                                                              </dx-text-box>
                                                          </div>
                                                      </div>

                                • Artem (DevExpress Support) 11.26.2018

                                  Hi Mike,

                                  Make sure that you're using "::ng-deep" for CSS selectors in Angular. For instance, check the following example - https://codesandbox.io/s/m54zowkm7y

                                  Check this idea and let us know your results.

                                • Mike Postel 11.27.2018

                                  I've managed to get it working but there's just too many imperfections that my limited CSS skills cannot solve
                                  When you expect there is going to be official support for this?

                                • Artem (DevExpress Support) 11.27.2018

                                  Hi Mike,

                                  This feature will be likely included in our Roadmap for 2019. So, I personally expect it within the next year.

                                • Merlijn 01.14.2020

                                  Any news on when this feature will be implemented? 

                                • Lena (DevExpress Support) 01.15.2020

                                  Hello,

                                  You are right, this functionality is not implemented yet. Nevertheless, we're discussing our plans for 2020 releases and I hope that this feature will be added to our Roadmap. We will update it and make a corresponding blog post once we are ready. Please follow us there for further announcements.