Background Color:
 
Background Pattern:
Reset
Search
Home Recent Changes Show All Pages

Inner Element Style Example

Not Rated Yet

The style information can be included as an inner element on the component

<?xml version="1.0" encoding="utf-8" ?>
<pdf:Document xmlns:pdf="Scryber.Components, Scryber.Components, Version=0.8.0.0, Culture=neutral, PublicKeyToken=872cbeb81db952fe"
              xmlns:styles="Scryber.Styles, Scryber.Styles, Version=0.8.0.0, Culture=neutral, PublicKeyToken=872cbeb81db952fe">
  <Pages>

    <pdf:Page id="titlepage" >
      <Style>
        <styles:Page size="A4" orientation="Landscape"/>
      </Style>
      <Content>
        <!-- For inner element styles we use the panel, this separates the content and style and outline -->
        <pdf:Panel>
          <Style>
            <styles:Background color="aqua"/>
            <styles:Position x="50mm" y="50mm" width="200mm" height="100mm" h-align="Center" v-align="Middle"/>
            <styles:Fill color="maroon"/>
          </Style>
          <Content>
            Some content in a relatively positioned div
          </Content>
        </pdf:Panel>
      </Content>
    </pdf:Page>

  </Pages>
</pdf:Document>

Which will generate content like this


[Download]

 

Back to Understanding Styles



  Rating
Rate This Page: Poor Great   |  Rate Content |
Average rating:  No Ratings Yet   
Number of Ratings : 0
  Comments
Add Comment
No Comments Yet