<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=iso-8859-1"><meta name=Generator content="Microsoft Word 15 (filtered medium)"><!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.EmailStyle18
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:#1F497D;}
span.EmailStyle19
{mso-style-type:personal-reply;
font-family:"Calibri",sans-serif;
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:8.5in 11.0in;
margin:70.85pt 70.85pt 56.7pt 70.85pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-US link="#0563C1" vlink="#954F72"><div class=WordSection1><p class=MsoNormal><span style='color:#1F497D'>As promised and I didn’t even wait for the weekend.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Below is a simple example that could be expanded through PIs or Pinpoints or other ways to carry the information you want for the gradient.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Right now it has fixed colors and is a linear gradient but you could easily extend this.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>I will probably do a new CoolTool and do just that.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>What this does – it leverages the XEPOUT format to grab all red rectangles (an area where you want the gradient --- you could use any color and trigger on it).<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>It takes those red rectangles and uses their exact dimensions and replaces them with a linear gradient SVG rectangle.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>NOTE: All things with background colors could be done as they yield a rectangle – could be a table-cell or block or block-container. <o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>I just used block-containers in this sample.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Now, you could certainly expand all this … use a pinpoint or a PI to carry the actual colors and type of gradient.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Or params in the XSL if you like. <o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Gradient-background.fo can be formatted to XEPOUT.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>You would see this:<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='background:white;text-autospace:none'><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#000096;background:white;mso-highlight:white'><xep:rgb-color</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> red</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"1.0"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> green</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"0.0"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> blue</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"0.0"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#000096;background:white;mso-highlight:white'>/></span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:black;background:white;mso-highlight:white'><br></span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#000096;background:white;mso-highlight:white'><xep:rectangle</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> x-from</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"72000"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> y-from</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"376800"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> x-till</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"360000"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> y-till</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"520800"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#000096;background:white;mso-highlight:white'>/></span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;background:white;mso-highlight:white'><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>A red rectangle.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>That XEPOUT can be transformed with the attached identity-gradient.xsl XSL to make a new XEPOUT.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>That XEPOUT now has this:<br><br><o:p></o:p></span></p><p class=MsoNormal style='background:white;text-autospace:none'><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:black;background:white;mso-highlight:white'> </span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#000096;background:white;mso-highlight:white'><xep:image</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> src</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="2in" height="2in">
 <defs>
 <linearGradient id="myLinearGradient1">
 <stop offset="0" stop-color="#11908d" stop-opacity="1"/>
 <stop offset="1" stop-color="#646452" stop-opacity="1"/>
 </linearGradient>
 </defs>
 <rect width="
 2in" height="2in" fill="url(#myLinearGradient1)"/>
 </svg>
 "</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> base</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"file:/C:Temp"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> type</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"image/svg+xml"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> x-from</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"72000"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> y-from</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"532800"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> scale-x</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"1.0"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> scale-y</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"1.0"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> width</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"144000"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#F5844C;background:white;mso-highlight:white'> height</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#FF8040;background:white;mso-highlight:white'>=</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#993300;background:white;mso-highlight:white'>"144000"</span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:#000096;background:white;mso-highlight:white'>/></span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;color:black;background:white;mso-highlight:white'><br> </span><span style='font-size:12.0pt;font-family:"Times New Roman",serif;background:white;mso-highlight:white'><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Which changes the rectangle to a UTF-8 encoded inline SVG image.<br>NOTE – if you use XSL 2.0 you could likely do this easier than I did in the XSL, feel free to improve!<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>The result:<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><img width=756 height=613 id="Picture_x0020_1" src="cid:image001.png@01D3E92D.08FAF160"><span style='color:#1F497D'><br><br><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Problem solved. No custom development required. A simple solution in a toolchain.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Kevin Brown<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>(650) 327-1000 Direct<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>(650) 328-8008 Fax<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>(925) 395-1772 Mobile<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>skype:kbrown01<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><a href="mailto:kevin@renderx.com">kevin@renderx.com</a><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><a href="mailto:sales@renderx.com">sales@renderx.com</a><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><a href="http://www.renderx.com/">http://www.renderx.com</a> <o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in'><p class=MsoNormal><b>From:</b> Xep-support [mailto:xep-support-bounces@renderx.com] <b>On Behalf Of </b>Kevin Brown<br><b>Sent:</b> Friday, May 11, 2018 11:41 AM<br><b>To:</b> 'RenderX Community Support List' <xep-support@renderx.com><br><b>Subject:</b> [xep-support] Re: Feature request: "gradient background color"<o:p></o:p></p></div></div><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><span style='color:#1F497D'>We are looking at the solution within the context of our development path and demand.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>If there is other folks on this list that would like to see such a feature, please let us know.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>In the meantime, I believe this could be solved through XEPOUT manipulation.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>I did a similar solution for background behind rx:flow-section.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>I will need to examine and get back to you after the weekend.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Kevin Brown<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>(650) 327-1000 Direct<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>(650) 328-8008 Fax<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>(925) 395-1772 Mobile<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>skype:kbrown01<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><a href="mailto:kevin@renderx.com">kevin@renderx.com</a><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><a href="mailto:sales@renderx.com">sales@renderx.com</a><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><a href="http://www.renderx.com/">http://www.renderx.com</a> <o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in'><p class=MsoNormal><b>From:</b> Xep-support [<a href="mailto:xep-support-bounces@renderx.com">mailto:xep-support-bounces@renderx.com</a>] <b>On Behalf Of </b>Kirch Fritz<br><b>Sent:</b> Friday, May 11, 2018 5:23 AM<br><b>To:</b> 'RenderX Community Support List' <<a href="mailto:xep-support@renderx.com">xep-support@renderx.com</a>><br><b>Subject:</b> [xep-support] Feature request: "gradient background color"<o:p></o:p></p></div></div><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'>Dear XEP-Support team,<o:p></o:p></p><p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:12.0pt'>currently I am looking for a solution to specify gradient background images to <fo:block> areas.<br>At antennahouse’s webpages I found this:<br><span lang=DE><a href="https://www.antennahouse.com/antenna1/wp-content/uploads/2018/02/background-image-gradient-1.pdf"><span lang=EN-US>https://www.antennahouse.com/antenna1/wp-content/uploads/2018/02/background-image-gradient-1.pdf</span></a></span><o:p></o:p></p><p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:12.0pt'>My question: <br>Can RenderX deliver a comparable functionality as described in that antennahouse-PDF? <br>In what time frame can RenderX realize these features and what will be the prize for this? <o:p></o:p></p><p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'>I think this would be a nice feature to increase the attractivity of RenderX products.<o:p></o:p></p><p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><span lang=DE>Kind regards<br></span><span lang=DE style='mso-fareast-language:DE'>Freundliche Grüße</span><span lang=DE><o:p></o:p></span></p><p class=MsoNormal><span lang=DE style='mso-fareast-language:DE'>Friedrich Kirch<o:p></o:p></span></p><p class=MsoNormal><span lang=DE style='mso-fareast-language:DE'>IT2media <br>Nuremberg, Germany<o:p></o:p></span></p><p class=MsoNormal><span lang=DE style='font-size:10.5pt;mso-fareast-language:DE'><o:p> </o:p></span></p></div></body></html>