This question is locked. New answers and comments are not allowed.
In my application i have to display a table with data by binding a string which contains the require html code. My html code contains css classes , which radrichtextbox was not able to pickup initially, but after changing there case(to lower case) most of the sytle tags are working fine except border , cellspacing and cellpadding tags which i am using for table.
Xaml Code
ViewModel Code
html code which i am assigning to "Content" property as a string
i have attached screen shots of radrichtextbox's output and expected output for further reference. Please have a look and provide solution to get the expected result ASAP.
Xaml Code
<
telerik:HtmlDataProvider
x:Name
=
"HtmlProvider"
RichTextBox
=
"{Binding ElementName=SmpleRadRichTextBox}"
Html={Binding Content,
Mode
=
OneWay
}" >
<
telerik:HtmlDataProvider.FormatProvider
>
<
telerik:HtmlFormatProvider
>
<
telerik:HtmlFormatProvider.ExportSettings
>
<
telerik:HtmlExportSettings
DocumentExportLevel
=
"Fragment"
StylesExportMode
=
"Inline"
/>
</
telerik:HtmlFormatProvider.ExportSettings
>
</
telerik:HtmlFormatProvider
>
</
telerik:HtmlDataProvider.FormatProvider
>
</
telerik:HtmlDataProvider
>
<
telerik:RadRichTextBox
x:Name
=
"SmpleRadRichTextBox"
IsReadOnly
=
"True"
IsSpellCheckingEnabled
=
"False"
>
</
telerik:RadRichTextBox
>
ViewModel Code
private string content;
public string Content
{
get
{
return this.content;
}
set
{
this.content = value;
this.RaisePropertyChanged("Content");
}
}
html code which i am assigning to "Content" property as a string
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<
html
xmlns
=
'http://www.w3.org/1999/xhtml'
lang
=
'en'
xml:lang
=
'en'
>
<
head
>
<
title
> Sample</
title
>
<
style
type
=
'text/css'
>
<!--
th{font-weight: bold;font-size: 8pt; color: black; font-family: arial, sans-serif; text-align: center}
td{ font-weight: normal; font-size: 8pt; color: black; font-family: 'ms sans serif', arial, sans-serif; text-decoration: none}
td.text{ text-align: left}
td.cas_num{ text-align: left}
td.numeric{ text-align: right}
td.indicator{ text-align: center}
h2{font-weight: bold; font-size: 12pt; color: black; font-family: arial, sans-serif; text-align: center}
h4{ font-weight: normal ; font-size: 10pt; color: black; font-family: arial, sans-serif; text-align: left}-->>
</
style
>
</
head
>
<
body
>
<
h2
>Sample Report</
h2
>
<
h4
>For RadRichTextBox</
h4
><
br
/>
<
table
border
=
"2"
cellpadding
=
"2"
cellspacing
=
"2"
width
=
"100%"
>
<
tr
><
th
align
=
'center'
>First</
th
>
<
th
align
=
'center'
>Second</
th
>
<
th
align
=
'center'
>Third</
th
>
<
th
align
=
'center'
> Fourth</
th
>
</
tr
>
<
tr
><
td
class
=
'TEXT'
><
b
>Data1</
b
></
td
>
<
td
class
=
'NUMERIC'
>100.0000000000</
td
>
<
td
class
=
'NUMERIC'
>100.0000000000</
td
>
<
td
class
=
'TEXT'
>Data2</
td
>
</
tr
>
<
tr
><
td
class
=
'TEXT'
>Data3</
td
>
<
td
class
=
'NUMERIC'
>100.0000000000</
td
>
<
td
class
=
'NUMERIC'
>100.0000000000</
td
>
<
td
class
=
'TEXT'
>Data4</
td
>
</
tr
>
</
table
>
</
body
>
</
html
>
i have attached screen shots of radrichtextbox's output and expected output for further reference. Please have a look and provide solution to get the expected result ASAP.