Statusbar – delimiting line

[baderaParticipant]

Dear all

What is the correct way to have a line displayed abouve the statusbar – the same solid line as we have between rows.
Thanks in advance!
badera

[NadezhdaParticipant]

Hello badera,

You can try with the following code $(".jqx-grid-statusbar").children().css("border-bottom", "solid 2px #adac97");. If it does not help you resolve your issue, please provide us with a JSFiddle example.

Best Regards,
Nadezhda

jQWidgets team
http://www.jqwidgets.com/

[baderaParticipant]

Thanks Nadezhda.

However, it did not work. Instead, I placed now a <div> in the statusbar, which has your style as “border-top”, and this works as I wished:

                   ...
                    statusbarheight: 25,
                    renderstatusbar: function (statusbar) {
                        statusbar.append($('<div class="div-grid-statusbar"><b>My Text</b></div>'));
                    }

div-grid-statusbar:

.div-grid-statusbar
{
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    border-top: solid 1px #adac97;
}

[Author]

Posts