Dynamic width for block elements using CSS
Post here questions and problems related to editing and publishing DITA content.
-
- Posts: 157
- Joined: Mon Aug 18, 2014 4:11 pm
Dynamic width for block elements using CSS
Hi
Is it possible to have different width for the block elements using oXygen css when it is collapsed and expanded.
We have draft-element which is a block element,We want to have to reduce the width of block when it is collapsed and we want to have different width when it is expanded.
Regards
Shabeer
Is it possible to have different width for the block elements using oXygen css when it is collapsed and expanded.
We have draft-element which is a block element,We want to have to reduce the width of block when it is collapsed and we want to have different width when it is expanded.
Code: Select all
*[class~="topic/draft-comment"]{
-oxy-foldable: true;
-oxy-folded:true;
display: block;
width : 50em;
border-left: thick solid;
border-right: thick solid;
}
Shabeer
-
- Posts: 9439
- Joined: Fri Jul 09, 2004 5:18 pm
Re: Dynamic width for block elements using CSS
Hi Shabeer,
What you want is not achievable right now, we do have some improvement requests added to our issues list which might help with this use case. For example we have an issue to support the calc() CSS function, meaning that you would be able to express the width like this:
where that 100% is the entire screen width. We also have an internal issue to support a pseudo selector like this:
which would only be activated when the draft comment element would be folded.
If at some point we implement a feature which would be useful for this use case I'll update this forum thread.
Regards,
Radu
What you want is not achievable right now, we do have some improvement requests added to our issues list which might help with this use case. For example we have an issue to support the calc() CSS function, meaning that you would be able to express the width like this:
Code: Select all
width:calc(100% - 16rem);
Code: Select all
*[class~="topic/draft-comment"]:folded {
....
}
If at some point we implement a feature which would be useful for this use case I'll update this forum thread.
Regards,
Radu
Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com
<oXygen/> XML Editor
http://www.oxygenxml.com
Return to “DITA (Editing and Publishing DITA Content)”
Jump to
- Oxygen XML Editor/Author/Developer
- ↳ Feature Request
- ↳ Common Problems
- ↳ DITA (Editing and Publishing DITA Content)
- ↳ SDK-API, Frameworks - Document Types
- ↳ DocBook
- ↳ TEI
- ↳ XHTML
- ↳ Other Issues
- Oxygen XML Web Author
- ↳ Feature Request
- ↳ Common Problems
- Oxygen Content Fusion
- ↳ Feature Request
- ↳ Common Problems
- Oxygen JSON Editor
- ↳ Feature Request
- ↳ Common Problems
- Oxygen PDF Chemistry
- ↳ Feature Request
- ↳ Common Problems
- Oxygen Feedback
- ↳ Feature Request
- ↳ Common Problems
- Oxygen XML WebHelp
- ↳ Feature Request
- ↳ Common Problems
- XML
- ↳ General XML Questions
- ↳ XSLT and FOP
- ↳ XML Schemas
- ↳ XQuery
- NVDL
- ↳ General NVDL Issues
- ↳ oNVDL Related Issues
- XML Services Market
- ↳ Offer a Service