Nested CSS definitions not rendered

#26250

Hi,

is it correct that nested CSS definitions like

.tableclass td{
…
}

are not picked up in the output pdf?

#27464

Pd4ML does support CSS selectors like “.tableclass td”. Among the supported CSS selector types are the following:

• * Universal selector
• E Type selectors
• E F Descendant selectors
• E > F Child selectors
• E:first-child The :first-child pseudo-class
• E + F Adjacent selectors
• E[foo] Attribute selectors
• E[foo=”warning”] Attribute selectors

If for some reason it does not work for you, I would check if CSS properties (in your message they are substituted with “…”) are supported by PD4ML. See the list of supported CSS properties: http://pd4ml.com/css.htm

#27465

I am trying to use adjacent selectors to size columns in a datatable. td+td works for me, but the third column, td+td+td doesn’t -I just get the td+td CSS. It displays fine in FF & IE. Is this an issue or am I doing something wrong?
<br /> ..datatable_3col {<br /> width: 100%;<br /> background-color: #99FFFF;<br /> }<br /> .datatable_3col td, .labels td {<br /> width:200px;<br /> background-color: red;<br /> }<br /> .datatable_3col td+td, .labels td td {<br /> width:250px;<br /> background-color: yellow;<br /> }<br /> .datatable_3col td+td+td, .labels td td td{<br /> width:270px;<br /> background-color: blue;<br /> }<br />

#27466

From CSS perspective a third table cell still matches TD+TD selector condition. However TD+TD+TD condition should have more weight in the case. We need to analyze that in depth, but it looks like a bug in our code.

#27467

We fixed the issue with CSS selectors. The updated version are going to be available for download next week.

#27468

are the updated versions available yet?

#27469

The beta release is planned for tomorrow (Dec. 11)

#27470

Pd4ML does support CSS selectors like “.tableclass td”.

Is this always true with the last version?
Do you have a reason to not include this feature in PD4ML?

Thanks a lot for you answers.

#27471

We had no reason not to include it, so PD4ML does support the feature.

#27472

@PD4ML wrote:

We had no reason not to include it, so PD4ML does support the feature.

So it seems to be the same problem that the first post of this topic.
My CSS definition is the following:

.ui-datatable .ui-datatable-data-empty td {
border-color:inherit;
border-width: 1px;
border-style: solid;
padding:4px 10px 4px 10px;
}

It seems to be OK with PD4ML but it doesn’t work.
If I put the class directly in the HTML element, it works.

Do you have any idea about this issue?
Thanks.
Clemiou

#27473

Could you please also publish an HTML snippet, you want to apply the CSS to.

Also, to make sure the CSS selector does not work, try to temporarily add any obvious CSS property, like “color: red”.

#27474

@PD4ML wrote:

Could you please also publish an HTML snippet, you want to apply the CSS to.

Also, to make sure the CSS selector does not work, try to temporarily add any obvious CSS property, like “color: red”.

The HTML page, I want to apply the CSS to is generated by using JSF and Primefaces.
Here is an extract:
[language=html:3qakaise]

ANNU – LdapAdmin – V1.3 – 20 févr. 2011 – 4 bug(s)

(1 de 1)

First


Prev


1


Next


Last

51015

Identifiant	Résumé	Statut	Ciblée	Fixée	Création	MAJ
18950	Réinitialisation du mot de passe TW de certains comptes génériques hors-service	résolu	V1.3	V1.3	31 janv. 2011	2 mars 2011
19390

(1 de 1)

First


Prev


1


Next


Last

51015

[/language:3qakaise]

Moreover, I’m quite sure that the CSS is not applied because the cell border doesn’t appear.

#27475

In the HTML I see no any element of class ui-datatable-data-empty, so the selector always returns nothing.

If your concern is about borders of empty cells, it can be solved with

TABLE { empty-cells: show }

#27476

@PD4ML wrote:

In the HTML I see no any element of class ui-datatable-data-empty, so the selector always returns nothing.

If your concern is about borders of empty cells, it can be solved with

TABLE { empty-cells: show }

I made a mistake. The CSS part is the following:
[language=css:2u9e9msa].ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td{
border-color:inherit;
border-style:solid;
border-width:1px;
padding: 4px 10px;
}[/language:2u9e9msa]
With this one, it should work.

#27477

PD4ML does not support

tag. It simply ignores it.

So TBODY.ui-datatable-data condition makes the selector to fail.
As a workaround I would recommend to remove .ui-datatable-data from there.

[language=css:2o5v2soz].ui-datatable td, .ui-datatable .ui-datatable-data-empty td{
border-color:inherit;
border-style:solid;
border-width:1px;
padding: 4px 10px;
}[/language:2o5v2soz]

[Author]

Posts