ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: atmaneuler on October 31, 2020, 09:06:29 am

Title: UI error when edit cell with Jquery theme
Post by: atmaneuler on October 31, 2020, 09:06:29 am

I use Jquery theme, UI Darkness,
and edit a cell on https://paramquery.com/pro/demos/editing
like this:
(http://images/input.png)
And I move to next cell to edit, the last cell show all black like this:
(http://images/UI-Error.png)

Expectation: The edited cell should show with white color.

Title: Re: UI error when edit cell with Jquery theme
Post by: paramvir on October 31, 2020, 09:30:28 am

there is no contrast between background and foreground color for dark theme because of this css rule.

Code: [Select]

.pq-row-edit > .pq-grid-cell
{
    color:#000;
}

Please change it to

Code: [Select]

.pq-row-edit > .pq-grid-cell
{
    color:#000;
    background-color: #fff;
}


Title: Re: UI error when edit cell with Jquery theme
Post by: atmaneuler on October 31, 2020, 11:09:36 am

Thank for reply,

Your solution will change the background of whole edited row to white,

I just want the edited cell change to white, when I move to next cell to edit, the last cell show all black again, with the text color in white.

I try this:

Code: [Select]

.pq-editor-outer > .pq-editor-inner > textarea {
  color: black !important;
}

And it work for me. Thank you.