ReportViewer deformed toolbar

Question

I used the ReportViewer in VS2012 on an asp.net page and the toolbar is not rendering well (see image). Please assist!!

Answer 1

Follow the following steps to fix this issue but dot forget to take backup from the file because this is will effect the site style if you use Microsoft style.

1- locate the css file and open it which in the project folder\content\site.css. 2-find the following text (input, textarea) and remove the setting between {} from

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

to

input, textarea {
}

3- change the td which under table which is like this From

td {
padding: 0.25em 2em 0.25em 0em;
border: 0 none;

}

To

td {
padding: 0px 0px 0px 0px;
border: 0 none;

}

Now, your life it seems good.