Autocomplete Element behind grid title

[GabrieleMartinoMember]

Hello,

I have the element of an autocomplete that appear behind the title of a grid.
I think i must set different z-index in the css, does any know the property to change because is impossible with firebug to see at the autocomplete name.

Thanks

[DimitarParticipant]

Hello GabrieleMartino,

Please, provide us with a code snippet so that we may test it and be of help.

Best Regards,
Dimitar

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

[GabrieleMartinoMember]

I think is better to see the page source code…

for the element of the autocomplete

The grid element is build inside a div of name grid2 with

jQuery(“#grid2”).jqxGrid(
{
width: ‘95%’,
theme: “office”,
sortable: true,
filterable: true,
/*ready: function () {
addfilter();
},*/
//autoshowfiltericon: true,
source: dataAdapter,
selectionmode: ‘multiplecellsextended’,
columns: [
{ text: ‘IP’, datafield: ‘ip’, width: ‘15%’ },
{ text: ‘Description’, datafield: ‘description’, width: ‘15%’ },
{ text: ‘Username’, datafield: ‘username’, width: ‘10%’ },
{ text: ‘Name’, datafield: ‘complete_name’, width: ‘15%’, cellsalign: ‘right’ },
{ text: ‘Action’, datafield: ‘group_description’, width: ‘15%’, cellsalign: ‘right’ },
{ text: ‘Operation’, datafield: ‘category’, width: ‘15%’, cellsalign: ‘right’ },
{ text: ‘Date’, datafield: ‘creation_time’, width: ‘15%’, cellsalign: ‘right’, cellsformat: ‘yyyy-M-dd H:mm:ss’ }
]
});

The input element is written with an array of values arr in the following

jQuery(“#input1”).jqxInput({placeHolder: “Enter an IP”, height: 25, width: 200, minLength: 1, theme: “office”, source: arr});

Firebug give me the z-index of the element of the div with default

for the element of the header of the column and in firebug

element.style {
height: 100%;
left: 0;
position: absolute;
width: 162.15px;
z-index: 499;
}

Further i found in the css

.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited
{
*color: expression(this.parentNode.currentStyle[‘color’]);
}

with the *. Is it an error?

[DimitarParticipant]

Hi GabrieleMartino,

Set the position property of the input to static either through the page style or via jQuery, i.e.:

        $("#input1").css("position", "static");

This should solve the issue.

Best Regards,
Dimitar

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

[GabrieleMartinoMember]

Hello,

it didn’t work. I also notice that if i click with mouse on input it appear me some element of the autocomplete in grey, and that therefore seems to have 2 autocomplete in one.

[DimitarParticipant]

Hi GabrieleMartino,

Please share your entire page source code, so that we may test for the reported behaviour locally.

Best Regards,
Dimitar

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

[GabrieleMartinoMember]

I modified the css,

overriding the z-index property to 9999

of the .jqx-menu-dropdownlist .

Thanks

[Author]

Posts