PD4ML v4 Forums PD4ML v3 Archived Forums (Read Only) HTML/CSS rendering issues Nested CSS definitions not rendered

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #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)
    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



    [/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]

Viewing 15 posts - 1 through 15 (of 17 total)

The forum ‘HTML/CSS rendering issues’ is closed to new topics and replies.