WebSite X5Help Center

 
Sinisa B.
Sinisa B.
User

Db viewer - layout changes with css?  en

Author: Sinisa B.
Visited 1103, Followers 1, Shared 0  

I want to make some small layout-changes in the Database Viewer object (see the screen shot below):


1 - More space between the buttons and between the search box;


2 - Table TITLE align to CENTER;


3 - Font face and font-size change

Is this doable via CSS?


Thank you in advance for your suggestions!

Posted on the
8 ANSWERS - 4 USEFUL - 1 CORRECT
Axel  
Axel  
User

Probably.tongue-out

Link ?

Read more
Posted on the from Axel  
Fabio B.
Fabio B.
User

Hi, try and customize this:

<script>
$(document).ready(function() {
$(document).ready(function(){
$('#imPage input[type="text"]').css({margin:'10px', width:'150px'});
$('div.jtable-title-text').css('text-align','center');
$('div.jtable-main-container').css('font','normal normal normal 8pt "Your-font-family"');
});
});
</script>

Read more
Posted on the from Fabio B.
Sinisa B.
Sinisa B.
User
Author

@ Fabio

Thank you very much for the detailed answer - I'll try it as soon as I can!

@Axel

Thank you, man!

Read more
Posted on the from Sinisa B.
Fabio B.
Fabio B.
User

Errata Corrige:

<script>
$(document).ready(function(){
$('#imPage input[type="text"]').css({margin:'10px', width:'150px'});
$('div.jtable-title-text').css('text-align','center');
$('div.jtable-main-container').css('font','normal normal normal 8pt "Your-font-family"');
});
</script>

wink

Read more
Posted on the from Fabio B.
Sinisa B.
Sinisa B.
User
Author

@ Fabio

Tutto funziona, grazie mille!

Read more
Posted on the from Sinisa B.
Fabio B.
Fabio B.
User

If you got the right answer, set it as right and close. Don't do as italians or i wont answer anymore wink

Read more
Posted on the from Fabio B.
Fabio B.
Fabio B.
User

I did work to develope it for you.

Read more
Posted on the from Fabio B.