On 10/2/24 07:28, Carlos Villegas wrote:
Hi, I'm evaluating the xmleditor's web edition and I'm trying to setup the css for a simple table with anonymous rows, in fact it's exactly like the example given in the CSS manual for the *dl* HTML element. However, it puts each cell in its own row, rather than putting the first 2 cells in the first row, like if it's ignoring the column-count property. The start-column property seems to be working OK, though. I want it formatted in a 2 column table with *SME* and *checked* elements in the first row and *operationalReview* and *approved* elements in the second row. XML and CSS follows. What am I doing wrong,

Nothing at all.




or is it not possible in this case?

Not yet possible indeed.

In theory, a CSS which works in the desktop app (XXE) should also work in XMLmind XML Editor Web Edition (XXEW) with an almost identical rendering of elements. Therefore, the CSS below should work flawlessly in XXEW.

In practice, we need to write some code in XXEW to make this happen (To make it simple, some server-side Java code which "translates" XXE's rendering to HTML5+CSS3 for use by the web browser).

For example, we have recently added to XXEW 1.4 support for CSS proprietary extension "attributes()" (which generates an attributes pane; https://www.xmlmind.com/xmleditor/_distrib/doc/csssupport/attributes.html).

Version of XXEW after version, we are adding to XXEW the most "exotic" features supported by XXE's CSS engine.

This anonymous row feature, that you have commissioned from us several years ago, is currently at the very bottom of the list of "exotic" CSS features to be supported by XXEW.



XML:

<signatureBlock>
     <SME>
       <signedBy></signedBy>
       <title></title>
     </SME>
     <checked>
       <signedBy></signedBy>
       <title></title>
     </checked>
     <operationalReview>
       <signedBy></signedBy>
       <title></title>
     </operationalReview>
     <approved>
       <signedBy></signedBy>
       <title></title>
     </approved>
   </signatureBlock>

and the CSS:

signatureBlock {
     display: table;
     column-count: 2;
     border-color: gray;
     border-style: solid;
     border-width: 2px;
     margin-top: 2ex;
}

signatureBlock title,
signatureBlock signedBy {
     display: block;
}

SME,
operationalReview {
     display: table-cell;
     start-column: 0;
     width: 48%;
     padding: 0.5ex;
}

checked,
approved {
     display: table-cell;
     start-column: 1;
     padding: 0.5ex;
     width: 50%;
     border-left-color: gray;
     border-left-style: solid;
     border-left-width: 2px;
}




--
XMLmind XML Editor Support List
xmleditor-support@xmlmind.com
http://www.xmlmind.com/mailman/listinfo/xmleditor-support

Reply via email to