Ticket T1279943
Visible to All Users

Popup footer - horizontal border across full width

created 3 days ago

Please see attached image.

Is there a way I can achieve this look i.e. to have a border along the footer that starts at the left-most part of the popup over to the right thus removing what appears to be a 20px margin on left and right.

Would appreciate any ideas you might have.

Regards

Abdul

Answers approved by DevExpress Support

created 2 days ago

Hello,

You can add a custom CSS style to the following class to achieve the desired horizontal border:

CSS
.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom{ border-top: solid 1px }

Here is a code sample that implements this: Codepen.

Let me know if this helps.

Regards,
Charles

    Comments (1)

      That solved it.

      Many thanks for your help.

      Regards

      Abdul

      Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

      Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.