Hello,
When I insert template files from Template Manager, I notice all <Style> tags will be removed. Below steps could repro the problem.1) open notepad and save the following lines as template.htm
---------------
<BODY>
<STYLE type=text/css>
table.custom {
border-width: 1px;
border-spacing: ;
border-style: outset;
border-color: gray;
border-collapse: separate;
background-color: white;
}
table.custom th {
font: bold 11px Arial;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url('images/bg_header.jpg') no-repeat;
}
</STYLE>
<TABLE class=custom width="100%">
<TBODY>
<TR>
<TH> Category </TH>
<TH> Comments </TH></TR>
<TR>
<TH class=spec>All: </TH>
<TD class=td style="WIDTH: 90%"></TD></TR>
<TR></TR></TBODY></TABLE></BODY>
------------------------
2) In RadEditor, insert this template.htm from Template Manager. What you get is
---------------
<BODY><TABLE class=custom width="100%">
<TBODY>
<TR>
<TH> Category </TH>
<TH> Comments </TH></TR>
<TR>
<TH class=spec>All: </TH>
<TD class=td style="WIDTH: 90%"></TD></TR>
<TR></TR></TBODY></TABLE></BODY>
----------------
Why Template Manager would like to remove my <style> tag? any workaround? thanks.
4 Answers, 1 is accepted
0
Accepted
Hi Leo,
This is a browser behavior. To workaround it, you should put some content before the <style> tags, for example simple entity. If this does not help, remove the <BODY> tag too, because it is always stripped by the browser.
Directly try to insert the following content:
<STYLE type=text/css>
Best wishes,
Rumen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
This is a browser behavior. To workaround it, you should put some content before the <style> tags, for example simple entity. If this does not help, remove the <BODY> tag too, because it is always stripped by the browser.
Directly try to insert the following content:
<STYLE type=text/css>
table.custom {
border-width: 1px;
border-spacing: ;
border-style: outset;
border-color: gray;
border-collapse: separate;
background-color: white;
}
table.custom th {
font: bold 11px Arial;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url('images/bg_header.jpg') no-repeat;
}
</STYLE>
<TABLE class=custom width="100%">
<TBODY>
<TR>
<TH> Category </TH>
<TH> Comments </TH></TR>
<TR>
<TH class=spec>All: </TH>
<TD class=td style="WIDTH: 90%"></TD></TR>
<TR></TR></TBODY></TABLE></BODY>
Best wishes,
Rumen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Leo
Top achievements
Rank 1
Rank 1
answered on 13 Oct 2008, 03:52 AM
Great. It works. thank you.
0
Andrés Salinas
Top achievements
Rank 1
Rank 1
answered on 21 Apr 2010, 08:13 PM
Hi,
The solution posted works fine in internet explorer and chrome, but in firefox doesn't.
Any ideas?
Regards,
0
Hello Andrés,
Just put the style tags after the HTML content and this will solve this FF issue, e.g.
Best wishes,
Rumen
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Just put the style tags after the HTML content and this will solve this FF issue, e.g.
<TABLE class=custom width="100%"><TBODY><TR><TH> Category </TH><TH> Comments </TH></TR><TR><TH class=spec>All: </TH><TD class=td style="WIDTH: 90%"></TD></TR><TR></TR></TBODY></TABLE><STYLE type=text/css> table.custom { border-width: 1px; border-spacing: ; border-style: outset; border-color: gray; border-collapse: separate; background-color: white; } table.custom th { font: bold 11px Arial; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA url('images/bg_header.jpg') no-repeat; }</STYLE>Best wishes,
Rumen
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.