or
<
span
style
=
"font-family: arial; font-size: 12px;"
>
<
p
><
span
style
=
"font-family: arial; font-size: 12px;"
>When THDi Software builds a public website for your company, you will have the option of making certain "content mangement" fucntionality available for approved employees on your staff to use to maintain the text and verbiage on your website.<
br
/>
<
br
/>
There are many different categories of information for your maintenance purposes. These tools will reduce the time you need to spend maintaining your website and will reduce your total charges for our labor. Of course, if you want, we can maintain this information for you.<
br
/>
<
br
/>
</
span
></
p
>
</
span
>
<
p
> </
p
>
<
span
style
=
"font-family: arial; font-size: 12px;"
>
<
p
> </
p
>
</
span
>
<
p
> </
p
>
<
ul
>
<
li
><
span
style
=
"font-family: arial; font-size: 12px;"
>When THDi Software builds a public website for your company, you will have the option of making certain "content mangement" fucntionality available for approved employees on your staff to use to maintain the text and verbiage on your website.<
br
/>
<
br
/>
There are many different categories of information for your maintenance purposes. These tools will reduce the time you need to spend maintaining your website and will reduce your total charges for our labor. Of course, if you want, we can maintain this information for you.<
br
/>
<
br
/>
</
span
></
li
>
</
ul
>
<table cellspacing="0" class="rgMasterTable rgClipCells" border="0" id="Domestic_userControl_rgDomestic_ctl00_Header" style="width:100%;table-layout:fixed;overflow:hidden;text-overflow:ellipsis;empty-cells:show;"> |
<table cellspacing="0" class="rgMasterTable rgClipCells" border="0" id="Domestic_userControl_rgDomestic_ctl00_Header" style="table-layout:fixed;overflow:hidden;text-overflow:ellipsis;empty-cells:show;"> |
<telerik:RadGrid runat="server" ID="rgDomestic" AllowFilteringByColumn="true" |
AllowSorting="true" ShowFooter="True" EnableLinqExpressions="false" |
AllowPaging="True" AllowMultiRowSelection="true" |
ShowGroupPanel="true" ShowHeader="true" |
PageSize="15" |
AutoGenerateColumns="false"> |
<ClientSettings Selecting-AllowRowSelect="true" ClientEvents-OnGridCreated = "DomesticGridCreated" AllowDragToGroup="true" AllowGroupExpandCollapse="true" EnableRowHoverStyle="true" ClientEvents-OnRowDblClick="RowDoubleClick" > |
<Scrolling AllowScroll="True" UseStaticHeaders="true" SaveScrollPosition="true" FrozenColumnsCount="2"/> |
</ClientSettings> |
<GroupingSettings ShowUnGroupButton="true" /> |
<MasterTableView GroupsDefaultExpanded="false" GroupLoadMode="Client" HierarchyLoadMode="Client" ClientDataKeyNames="DocNum" DataKeyNames="DocNum"> |
<Columns> |
this.StartDate.SelectedDate = DateTime.Now;
SelectedDate
" is null.protected void dgPerson_NeedDataSource(object source, GridNeedDataSourceEventArgs e)
{
dgPerson.DataSource = LocalEntityManager.Context.People;
}
<
telerik:RadGrid
ID
=
"dgPerson"
runat
=
"server"
AllowFilteringByColumn
=
"True"
AllowSorting
=
"True"
AllowPaging
=
"true"
PagerStyle-Mode
=
"NextPrevNumericAndAdvanced"
GridLines
=
"None"
OnNeedDataSource
=
"dgPerson_NeedDataSource"
EnableLinqExpressions
=
"true"
ShowStatusBar
=
"true"
Skin
=
"Black"
>
<
MasterTableView
Name
=
"Person"
autogeneratecolumns
=
"False"
CommandItemDisplay
=
"Top"
datakeynames
=
"PersonID"
pagesize
=
"20"
EditMode
=
"PopUp"
EditFormSettings-PopUpSettings-Modal
=
"false"
EditFormSettings-PopUpSettings-Width
=
"950px"
>
<
RowIndicatorColumn
>
<
HeaderStyle
Width
=
"20px"
></
HeaderStyle
>
</
RowIndicatorColumn
>
<
ExpandCollapseColumn
>
<
HeaderStyle
Width
=
"20px"
></
HeaderStyle
>
</
ExpandCollapseColumn
>
<
SortExpressions
>
<
telerik:GridSortExpression
FieldName
=
"FullName"
SortOrder
=
"Ascending"
/>
</
SortExpressions
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"PersonID"
DataType
=
"System.Int32"
FilterControlWidth
=
"40px"
HeaderText
=
"ID"
ReadOnly
=
"True"
SortExpression
=
"PersonID"
UniqueName
=
"PersonID"
>
</
telerik:GridBoundColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Full Name"
SortExpression
=
"FullName"
UniqueName
=
"FullName"
DataField
=
"FullName"
AutoPostBackOnFilter
=
"true"
CurrentFilterFunction
=
"StartsWith"
>
<
ItemTemplate
><
asp:Literal
runat
=
"server"
ID
=
"litFullName"
Text='<%# Eval("FullName") %>'></
asp:Literal
></
ItemTemplate
>
<
EditItemTemplate
><
asp:TextBox
runat
=
"server"
ID
=
"txtFullName"
Width
=
"300px"
Text='<%# Bind("FullName") %>'></
asp:TextBox
></
EditItemTemplate
>
</
telerik:GridTemplateColumn
>
I am having some problems with the telerik editor templates. For instance, the ImageAndTitle.htmtemplate that came with the editor does not seem to be reading its stylesheet, ImageAndTitle.css. This is a simple template with an image floating to the left and text wrapping around the image.
When the template is previewed, it looks fine, but once it is applied to the editor interface the formatting is lost. I am using the editor with DotnetNuke 5.6.1. My goal is to create a custom template, but I want to understand why this one is not working before I create a custom template.
Below is the code for the ImageAndTitle htmtemplate and css.
Template code:
<
div
class
=
"template imageandtitle"
>
<
div
class
=
"container region content"
>
<
img
width
=
"100"
;
height
=
"100"
alt
=
"image placeholder"
title
=
"replace with your own image"
/>
<
h3
>Type the title here</
h3
>
<
p
>Type the text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare, nisl ac vehicula
volutpat, tellus sem congue sem, et varius ipsum neque in tortor. Curabitur massa nunc, ultricies ac mollis id,
varius ac sapien. Duis nec dolor ac velit semper malesuada eget non dolor. Vestibulum mollis ligula vel ipsum
lobortis a adipiscing mauris imperdiet.</
p
>
</
div
>
</
div
>
@charset "utf-8";
/* CSS Document with styles necessary for default HtmlEditor HTML "snippet" templates */
/* Styles for ALL Default Templates */
div.template
{
text-align: left;
width: 100%;
overflow: auto;
}
div.template div.container
{
clear: both;
margin: 0;
padding: 0;
overflow: auto;
position: relative;
}
div.template div.region
{
padding: 5px;
margin: 0;
}
/* Styles for "Image And Title" template */
div.template.imageandtitle h3
{
margin-top: 0;
}
div.template.imageandtitle img
{
float: left;
margin: 0;
margin-right: 10px;
}