I recently purchased the ARI Smart Content and most of the functionality that I require is working. However there are some minor problems that make Smart Content unusable in my application. Perhaps some of this is due to lack of sufficient documentation. Please help with the following:

(1) How do I left justify column titles in data tables?
(2) How do I size the header/footer for arijdatatable to be the same as the actual table (see attachment).
(3) How do I change the header/footer background color to be grey instead of orange?
(4) How do I reduce the size of the drop down box to select the pagination size?
(5) How do I middle justify (vertical) the header search box and the footer page controls?

Thank you in advance
Steve

Hello,

Could you send a link to a page where we can see the table because it can be a conflict with site template styles?

Regards,
ARI Soft

www.etfsmart.com/

Create a CSS template on "CSS Templates" page on component backend and add the following CSS rules to the created template:

TABLE.display
{
width: 100% !important;
}

TABLE.display TH
{
text-align: left;
}


PS: Drop-down list with pages is not available for the table on your site.

Regards,
ARI Soft

Thank you for the fast response. OK - so this cured the left justification problem. I guess what you are saying is that the table size has to be 100% so I will have to change the size using some other technique.

How do I change the orange color of the wrapper {arijdatatable}? And how do I vertically center the search field (top right)?

Steve

Add the following CSS rules:

.dataTables_wrapper .ui-widget-header
{
background: none gray;
border-color: gray;
}

.dataTables_wrapper INPUT[type="text"]
{
margin: 0;
padding: 0;
}


Regards,
ARI Soft