Home Analytics

Has anyone created custom CSS to change this view

GordonGordon Member Adept IT Monkey ✭✭
Instead of the before with a bunch of wasted white space, to shorten the filter field and realign the reset state button, as shown in my after view?

Answers

  • james_kleinschnitzjames_kleinschnitz Cireson Dev, Product Owner Advanced IT Monkey ✭✭✭
    This should get you most of the way there.  The hard part here is taking into consideration the different layout options, this grid could be put in, and browser resolution when resizing the sort by field width.  Did not get a chance to test this in anything but Chrome.

    <div>div[adf-widget-type="advanced-grid"] .k-grid .k-grouping-header {
    
    </div><div>&nbsp; &nbsp; width: 80%;
    
    </div><div>}</div><div><br></div><div>div[adf-widget-type="advanced-grid"] adf-widget-content > div:first-child {
    
    </div><div>&nbsp; &nbsp; top: 35px;
    
    </div><div>&nbsp; &nbsp; height: 0;
    
    </div><div>&nbsp; &nbsp; position: relative;
    
    </div><div>&nbsp; &nbsp; z-index: 5;
    
    </div><div>&nbsp; &nbsp; left: 80%;
    
    </div><div>&nbsp; &nbsp; width: 20%;
    
    </div><div>}</div><div><br></div><div>div[adf-widget-type="advanced-grid"] .panel-heading {
    
    </div><div>&nbsp; &nbsp; margin-bottom: 0px
    
    </div><div>}</div>
Sign In or Register to comment.