Grid or Flex box support? oXygen PDF Chemistry version 26.1
Posted: Wed Mar 19, 2025 4:25 pm
Hi,
I have a requirement to 2 column some topics and am trying to use grids or flex-box. The content looks good in the html but does not in the PDF. I'm trying to keep away from using tables.
Here is my flex css. am I missing something? or is support for grids and flex limited? Also is there a list of all the css properties and their support?
.answerWrapper {
display: flex;
flex-direction: row;
width: 100%;
margin: 0.00in;
padding: 0.00in;
border: black 3px solid;
}
.answerPrefixBlock {
display: flex;
flex-direction: column;
/*flex-basis: 0.75in;*/
background-color: #33dddd;
margin: 0.00in;
padding: 0.00in;
}
.answerContentBlock {
display: flex;
flex-direction: column;
/*flex-basis: auto;*/
background-color: #dddd33;
margin: 0.00in;
padding: 0.00in;
}
I have a requirement to 2 column some topics and am trying to use grids or flex-box. The content looks good in the html but does not in the PDF. I'm trying to keep away from using tables.
Here is my flex css. am I missing something? or is support for grids and flex limited? Also is there a list of all the css properties and their support?
.answerWrapper {
display: flex;
flex-direction: row;
width: 100%;
margin: 0.00in;
padding: 0.00in;
border: black 3px solid;
}
.answerPrefixBlock {
display: flex;
flex-direction: column;
/*flex-basis: 0.75in;*/
background-color: #33dddd;
margin: 0.00in;
padding: 0.00in;
}
.answerContentBlock {
display: flex;
flex-direction: column;
/*flex-basis: auto;*/
background-color: #dddd33;
margin: 0.00in;
padding: 0.00in;
}