Skip to main content

Notifications

Announcements

No record found.

Microsoft Dynamics SL forum
Answered

SL 2015 WebApps Grids/Borders

Posted on by 6,405

In earlier versions of SL 2015 WebApps, all the grids (in all pages) had borders around the column headers and fields:Capture_5F00_border.JPG

At some point, later builds seem to lose this feature:

Capture_5F00_no_5F00_border.JPG

Is there a way to restore the grids with borders in the later releases?  Or, am I missing a setting somewhere?

  • Mark E Profile Picture
    Mark E 6,405 on at
    RE: SL 2015 WebApps Grids/Borders

    Thanks, it was the clearing of cache that I was missing.  Looks like the DSLGridCell border width needs to be slightly wider than the DSLGridColumn width in order to get the cells to align with the header borders, otherwise there are offsets.

  • Verified answer
    MARC_ Profile Picture
    MARC_ 620 on at
    RE: SL 2015 WebApps Grids/Borders

    Editing Grid.css should do it.  Try adding !important after the color.  {border: 1px solid black !important}

    Try in development mode in IE (f12) and edit the css file there to play around with it real time.  

    Also, remember that when you edit the css file in \content it doesn’t automatically refresh what you see.  you need to clear the browsers cached file (after page has loaded hold ‘shift’ and refresh page again)  or try incognito / private window

    Thanks,

    Marc

  • Mark E Profile Picture
    Mark E 6,405 on at
    RE: SL 2015 WebApps Grids/Borders

    Marc,

    Thanks.  I assume you're referring to the Grid.css file?  If so, I already tried a wholesale replacement of the file in the \Content folder with the one from the site that is displaying the grid borders, and it still does not work.  I am using IE11 on the site that is not displaying the grid borders.

    I've tried adding the bordering as you've suggested, and it still does not work.  Feel like I'm missing something else.

  • MARC_ Profile Picture
    MARC_ 620 on at
    RE: SL 2015 WebApps Grids/Borders

    Hey Mark,

    CSS....

    Column header:

    .DSLGridColumn .ui-btn {border:.5px solid black; }

    Grid borders: 

    .DSLGridCell {border: .5px solid black; }

    If you use Chrome, the old css busted the grid borders when they updated.  You can comment out the following to get them back:

    remove.png

    Thanks

    Marc

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Anton Venter – Community Spotlight

Kudos to our October Community Star of the month!

Announcing Our 2024 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Dynamics 365 Community Newsletter - September 2024

Check out the latest community news

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 290,537 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 228,520 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,148

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans