Properties with flow document class in WPF
Column width
Column Group
Column Rule Brush
column Rule Width
line Height
page Height
page width
Column width:-
This property is used to set or get the required width for the columns
Column gap:-
It is used to set / get the column gap that is to be maintained b/w the columns
Column Rule brush:-
used to set/get the required color of the line that can be created b/w the columns
Column Rule width:-
used to get/set the vertical line width that can be maintained/created b/w the columns.
Line Height:-
used to get as set the required height to the lines within the paragraph
Page height:-
used to set/get the height of the page
Page width:-
used to set/get the width of the page
To create a flow document we can use flow document templates (or) we can use as a part of controls that is flow document readers or flow document page viewer or flow document scroll viewer
Eg to create flow document by using template
Create a new WPF application
↓
Go to solution explores
↓
Select solution
↓
click with right mouse button
↓
Click on Add new item
↓
click on New Item
↓
select WPF from categories
↓
Select the template flow document
↓
Type the name flow document]
↓
Click on Add
↓
Go to source
↓
Write the following code
<Flow Document xmms=’https//schemas.microsoft.com/ column width = “200” column gap=50
<paragraph>
<bold>
And [data]
</bold> </paragraph>
<paragraph> <italic> date <italic/>
In general when we work with flow document template we cannot place nay other controls within the how document and at design view. We cannot find any design.
To see the appearance of the data run the application & check
To display the data in multiple columns use the following properties along with flow documents
<flow Document xmms --- column width =”200”
column width = “4” column rule brash = “blue”
Column gap = “25” />
<paragraph>
data-
</paragraph>
To display the image within the flow document write the following code inside any paragraph tag
<paragraph>
<bold
data-
<Image source = “D:\Images\autumn, JPG./>
</bold>
</paragraph>
Kun the application & check .
By default image will be displayed with same width of the columns if we increase or decrease column width image size displayed according
Example to work with flow document Reader control
In the above example we created using How document template we cannot place any other controls like buttons, text box etc. If we want to place along with flow document other controls then we use flow document reader control.
Steps:-
Create a window within your WPF application
↓
Go to toolbox
↓
click on Right mouse
↓
Choose Items
↓
Choose Items dialog box will be displayed
↓
Click on WPF component tab age
↓
activate the controls
↓
Flow Document Reader
Flow Document Page viewer
Flow Document Scroll viewer
↓
Click on Ok
Place the required controls on the window
Create flow document reader control
Go to source and write the following code inside flow document recoder
- <Flow Document Reader Name=”flow Document Reader 1 “>
<flow document xmlns = “http://schemas.nicrosfot>
Column width = “400” column gap = “50”
<paragraph>
<bold>
Data-----
</bold>
</paragraph>
Run the application and check