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