This is a migrated thread and some comments may be shown as answers.

Issue with Border, Cellspacing and cellpadding tags for html table

0 Answers 61 Views
RichTextBox
This is a migrated thread and some comments may be shown as answers.
Manish
Top achievements
Rank 1
Manish asked on 27 Feb 2013, 07:16 AM
In my application i have to display a html report containing a table in it . Here i have to bind the RadrichtextBox with a string which contains all html code. All html style tags are working fine except Border, Cellspacing and cellpadding tags.

Xaml Code:
      <telerik:HtmlDataProvider x:Name="HtmlProvider"
                          RichTextBox="{Binding ElementName=SampleRadRichTextBox}"
                          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="SampleRadRichTextBox" 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 m passing to "Content" property in view model
<!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 am attaching scree shots of radrichrextBox's output and what i want(as html output). Please 
have a look and provide solution ASAP.

No answers yet. Maybe you can help?

Tags
RichTextBox
Asked by
Manish
Top achievements
Rank 1
Share this question
or