Docbook - Customize GUI elements

By xngo on June 16, 2019

For FO customization:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  xmlns:fo="http://www.w3.org/1999/XSL/Format" 
  version="1.0">
 
  <!-- Make <guibutton> looks like a button. -->
  <xsl:template match="guibutton">
    <fo:inline border="1px outset #dddddd"
               background-color="#dddddd">
      <xsl:call-template name="inline.charseq"/>
    </fo:inline>
  </xsl:template>
 
</xsl:stylesheet>



For HTML customization, include the following in the Cascading Style Sheets(CSS)

.guilabel
{
  font-weight: bold;
}
 
.guibutton
{
  border: 2px outset #dddddd;
  background-color: #dddddd;
}

About the author

Xuan Ngo is the founder of OpenWritings.net. He currently lives in Montreal, Canada. He loves to write about programming and open source subjects.