Re: web edition CSS anonymous rows

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
[email protected]
http://www.xmlmind.com/mailman/listinfo/xmleditor-support