Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

css and detailed view
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: css and detailed view
#42836
css and detailed view 10 Years, 11 Months ago Karma: 0
I am a new user. I have two questions:

1. The entries-per-page selector and the search box are visually attached to the table. So I wanted to style the table, giving it a margin-top of 15px.
I experimented with the content of the CSS Styles in the module settings, but whatever I do, I see no change. So, I must have used the wrong syntax.
I use Advanced styling and ARI Data Table type.

2. My table is 14 columns wide. I show only 6 of those, allowing the user to select the proper entry. When he clicks on a table row, I want to display the full content, ie. the content of the 14 columns in a format, such as:
column heading 0: <content of column0 of the selected row>
column heading 1: <content of column1 of the selected row>
etc. for all 14.
This could be in a popup window when clicking the row or the leftmost cell of the row, or could be a tooltip when hovering over the row.
I saw a similar older post in the forum, but that never came to a conclusion.

Can you put me on the right track with both questions?
Thanks.
The administrator has disabled public write access.
 
#42837
Re:css and detailed view 10 Years, 11 Months ago Karma: 748
Hello,

1. Could you send an image where we can see what do you want to achieve?

2. You can read how to create primary and secondary tables here. If you want to show table with details in a popup, it can be done with help of ARI Sexy Lightbox extension.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#42841
Re:css and detailed view 10 Years, 11 Months ago Karma: 0
On both points:
1. Image of current situation:


The selection box for nr of entries per page and the search box are too close to the table.
So, I need some whitespace above the table, under the boxes. I guess styling the table with margin-top: 15px; would do it. How can I set the style for the table in the CSS Styles box in the module settings?

2. I will experiment with your suggestions from the older post.
Last Edit: 2013/07/18 18:16 By straetch.
The administrator has disabled public write access.
 
#42847
Re:css and detailed view 10 Years, 11 Months ago Karma: 748
1. Add the following CSS rule to "CSS Styles" parameter in module settings:

{$id}_wrapper .dataTables_length,
{$id}_wrapper .dataTables_filter {
margin-bottom: 15px;
}

Regards,
ARI Soft
The administrator has disabled public write access.
 
#42852
Re:css and detailed view 10 Years, 11 Months ago Karma: 0
That works. Thanks for the quick response!

For my personal interest: is there a way to style the table itself from the CSS Styles parameter?

Regards,
Chris
The administrator has disabled public write access.
 
#42855
Re:css and detailed view 10 Years, 11 Months ago Karma: 748
Custom CSS rules which are added to "CSS Styles" parameter will be loaded on pages where the module is loaded.

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1