<stylesheet>
The <stylesheet>
tag can be used within a
<static>
element to specify CSS to apply when the QuickApp is rendered to
a static HTML target.
Description
The <stylesheet>
element can either take a url_
attribute that specifies a link to an external CSS stylesheet or can include a
<code language_="css">
tag that explicitly specifies CSS styles. For
more information, see <code>
.
Syntax
<dynamic> <render> <static> <stylesheet url_="[EXTERNAL_CSS_STYLESHEET]"/> </static> </render> </dynamic>
Alternate syntax
<dynamic> <render> <static> <stylesheet> <code language_="css"> [CSS_CODE] </code> </stylesheet> </static> </render> </dynamic>
Attributes
url_
- Specifies the URL to an external CSS stylesheet to apply when the QuickApp is rendered to a static HTML target.
Example
The following example demonstrates how a <code>
block form can be
included within a <stylesheet>
element to specify CSS to style the
QuickApp when it is rendered to a static HTML target. In this example, a
text
widget is used to display HTML text using the
<html>
block form. That HTML text will be styled based on the CSS
specified in the <stylesheet>
element.
<dynamic> <render> <static> <stylesheet> <code language_="css"><![CDATA[ h3 { font-size:24px; color:#F26F21; } p { font-family: verdana; font-size: 20px; } a { color:#C8102E; } ]]> </code> </stylesheet> </static> </render> <layout arrange_="v"> <widget class_="text"> <html> <div> <h3>1010data </h3> <br/> <p> 1010data offers the only fully-scalable, self-services insights platform for data management, analysis and application building. </p> <br/> <a target="_blank" href="https://www.1010data.com"> Click here to learn more </a> </div> </html> </widget> </layout> </dynamic>