Hi,
that should be possible by changing the string in the translation, e.g. with the plugin Extension from http://tobias.baethge.com/2010/02/extension-4-changing-datatables-strings/
To move the cursor, you could try to play around with the padding of the input, e.g. something like
padding: 0 10px;
And actually, it might be better to apply the background image to the .dataTables_filter <div> element, and make the <input> transparent. That way can position it better, without affecting the background.
Regards,
Tobias
Tobia,
Thank you for you response. The plugin Extension worked great!!
Still having a problem with aligning the text – not sure if I coded it properly. Here is what I have:
.dataTables_filter {}
.dataTables_filter input{
background: transparent;
padding: 0 10px;
width: 248px;
height: 38px;
border: none!important;
}
.dataTables_filter div{
background: url(http://www.rainmakerdisplayads.com/wp-content/plugins/wp-table-reloaded/img/search.png);
width: 250px;
height: 38px;
}
Thanks for your help! This is a great plug-in!!
Hi,
the .dataTables_filter class already applies to the <div> (I wasn’t clear about that in my first post, sorry), so more like this:
.dataTables_filter {
background: url(http://www.rainmakerdisplayads.com/wp-content/plugins/wp-table-reloaded/img/search.png) no-repeat;
width: 250px;
height: 38px;
}
.dataTables_filter input{
background: transparent;
padding: 0 10px;
width: 153px;
height: 35px;
border: none;
outline: none;
}
Regards,
Tobias
