Questions on UI for ASP.NET AJAX Forum

0 answers

141 views

Telerik.Skin not being applied to SubDirectory pages in Google Chrome

UPDATE: This thread can be deleted. I deployed to another environment and things seem to be working fine. I suspect this was cache-related, even though I cleared Chrome a number of times...

Hi,

I'm not sure if this should be in this forum or the RadSkinManager one, but I'm using the RadStyleSheetManager so here goes.

I have a working custom theme (generated with the Visual Style Builder, stored in App_Themes/CustomSkin). I declare it in the web.config (<add key="Telerik.Skin" value="CustomSkin" />)

I have two pages: ~/index.aspx and ~/Pages/search.aspx (both pages are identical except for their respective directories)

Both use the same master page (~/_MasterPages/Base.Master)

Both inherit from the same base page (where I set the theme in OnPreInit: Theme = "CustomSkin";)

The theme is applied correctly to ~/index.aspx in Firefox, IE, and Chrome

However, the theme is only applied to ~/Pages/search.aspx in Firefox and IE, NOT in Chrome.

Chrome doesn't fire any errors in the console, so I'm really not sure what's going on.

Are there any known issues or workarounds for the Chrome browser? Any suggestions?

Thanks a lot,
Rob

ScriptManager and StyleSheetManager

asked on 11 Aug 2011

4 answers

160 views

GridDropDownColumn

How to bind the GridDropDownColumn from code behind. Need help ASAP.

Grid

answered on 11 Aug 2011

2 answers

173 views

Combobox Filter Column Issue

Hi,

I am using two Comboxes in FilterTemplates in my grid in the following code. The filtering for "Priority" works just as intended, no issues or anything. It is the filtering for the "visdrop" column that I am having trouble with. That data is bool and when I select True/False, it does in fact filter correctly. But when I try to select the "blank" option in the Combobox to remove the filter, the filter remains and the Combobox returns to its previous selection. What am I missing?

The Code:

<telerik:RadGrid ID="_rgProjectNews" runat="server" AllowPaging="True" OnNeedDataSource="rgProjectNews_NeedDataSource"

CssClass="mainInnerContent" OnItemCommand="rgProjectNews_ItemCommand" OnItemDataBound="rgProjectNews_ItemDataBound"

Skin="Office2007" AllowFilteringByColumn="true">

<MasterTableView AutoGenerateColumns="False" CommandItemDisplay="None" ClientDataKeyNames="Id">

<Columns>

<telerik:GridTemplateColumn AllowFiltering="false" UniqueName="TemplateEditColumn"

HeaderStyle-Width="25px">

<ItemTemplate>

<asp:ImageButton ID="_imgEdit" runat="server" ImageUrl="~/Theme/Img/Icons/page_edit.png"

ToolTip="Edit" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Id" DataType="System.Int32" HeaderText="Id" SortExpression="Id"

UniqueName="Id" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="subject" HeaderText="Subject" SortExpression="subject"

UniqueName="subject" FilterControlWidth="95%">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="visdrop" HeaderText="Visible" HeaderStyle-Width="50px">

<FilterTemplate>

<telerik:RadComboBox ID="_filtVisible" Width="50px" SelectedValue='<%# Container.OwnerTableView.GetColumn("VisibleCol").CurrentFilterValue %>'

runat="server" OnClientSelectedIndexChanged="VisibleIndexChangedStatus">

<Items>

<telerik:RadComboBoxItem Text="" Value="" />

<telerik:RadComboBoxItem Text="Yes" Value="True" />

<telerik:RadComboBoxItem Text="No" Value="False" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="_scriptT" runat="server">

<script type="text/javascript">

function VisibleIndexChangedStatus(sender, args) {

var tableView = $find("<%# Container.OwnerTableView.ClientID %>");

tableView.filter("VisibleCol", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

<ItemTemplate>

<telerik:RadComboBox ID="_cbVis" runat="server" Width="50px" SelectedValue='<%# Eval("Visible") %>'

OnSelectedIndexChanged="CbVisSelectedIndexChanged" AutoPostBack="True">

<Items>

<telerik:RadComboBoxItem Text="Yes" Value="True" />

<telerik:RadComboBoxItem Text="No" Value="False" />

</Items>

</telerik:RadComboBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Visible" HeaderText="Visible" UniqueName="VisibleCol"

Display="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Priority" UniqueName="Priority" HeaderStyle-Width="75px">

<FilterTemplate>

<telerik:RadComboBox ID="_filtPriority" Width="70px" SelectedValue='<%# Container.OwnerTableView.GetColumn("PriorityReal").CurrentFilterValue %>'

runat="server" OnClientSelectedIndexChanged="SelectedIndexChangedStatus">

<Items>

<telerik:RadComboBoxItem Text="" Value="" />

<telerik:RadComboBoxItem Text="Urgent" Value="1" />

<telerik:RadComboBoxItem Text="High" Value="2" />

<telerik:RadComboBoxItem Text="Normal" Value="3" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="_scriptS" runat="server">

<script type="text/javascript">

function SelectedIndexChangedStatus(sender, args) {

var tableView = $find("<%# Container.OwnerTableView.ClientID %>");

tableView.filter("PriorityReal", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

<ItemTemplate>

<telerik:RadComboBox ID="cbPriority" Width="70px" SelectedValue='<%# Eval("Priority") %>'

runat="server" OnSelectedIndexChanged="PrioritySelectedIndexChanged" AutoPostBack="True">

<Items>

<telerik:RadComboBoxItem Text="Urgent" Value="1" />

<telerik:RadComboBoxItem Text="High" Value="2" />

<telerik:RadComboBoxItem Text="Normal" Value="3" />

</Items>

</telerik:RadComboBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Priority" HeaderText="PriorityReal" UniqueName="PriorityReal"

Display="false">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="LastModified" DataFormatString="{0:dd/MM/yyyy h:mm tt}"

HeaderText="Last Modified" HeaderStyle-Width="76px" UniqueName="LastModified"

AllowFiltering="false">

</telerik:GridDateTimeColumn>

<telerik:GridTemplateColumn UniqueName="deleteColumn" Groupable="False" HeaderStyle-Width="25px"

AllowFiltering="false">

<ItemTemplate>

<asp:ImageButton ID="_imgBtnDelete" CommandArgument='<%# Eval("Id") %>' CommandName="Delete"

OnClientClick="return confirm('Are you sure you want to delete this record?');"

ImageUrl="~/Theme/Img/Icons/cross.png" ToolTip="Delete" runat="server"></asp:ImageButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="place" UniqueName="place2" Visible="False">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings ClientEvents-OnRowDblClick="RowDblClick">

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 11 Aug 2011

20 answers

1.9K+ views

The type 'System.Web.UI.IScriptControl' is defined in an assembly that is not referenced.

hiya,
I have successfully downloaded and been able to run the Prometheus samples.

I now want to develop in my own individual apps on the same machine.

I have:
1) an existing folder of radControls in my app
2) referenced the Telerik.Web.UI.dll

When I try to run my app, I get the following error:

<< The type 'System.Web.UI.IScriptControl' is defined in an assembly that is not referenced. You must add a reference to assembly 'System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35'.>>

I can only assume that this is a webConfig error.
How can I solve it?

Is there a guide that will quickly tell me what I need to do in addition to the steps that I have already taken?I just want to get up and running asap.

Many thanks,

yogi

ToolTip

answered on 10 Aug 2011

1 answer

156 views

RadEditor changes html structure

Hi,

we're using RadEditor to edit various html contents in our project. Our requirement is this: We have certain pages with html templates, where the html structure should not change. Only the content (text images etc) should be changed by the users. The problem we have is that some html templates are not full html pages but only internal parts of pages, and they might have structures like

<tr>

<td align="center" valign="top" colspan="3">

<table width="620" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0"

>

...

i.e. the html starts with <tr> or some other tags which should not be the outermost tags in html. What we've observed is that RadEditor changes this html into this:

<table width="620" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">

...

It strips the <tr> and <td> tags and only leaves the <table> tag. We need RadEditor to leave the whole html as it is and not make any changes at all. I've searched the interwebs and checked the RadEditor documentation but I can't find any parameter for RadEditor which does this. Can we have RadEditor leave the html untouched or do we have to find another editor for this purpose?

Best,

Taylan

Editor

answered on 10 Aug 2011

1 answer

82 views

Closing </div> tag removed

I am using two instances of RadEditor to provide the user the ability to "wrap" content within two blocks of html. For example:

Enter HTML TOP (RadEditor)

{content from db}

Enter HTML BOTTOM (RadEditor)

In this way, content from the database is contained in a pretty html template. The problem occurs when you try to put an opening tag inside the HTML TOP and then its closing tag in the HTML BOTTOM (such as a <DIV>).

For instnace, if I place a "<DIV>" in the HTML TOP and a closing "</DIV>" in the HTML BOTTOM what i end up with is "<DIV></DIV>" in the HTML TOP and the "</DIV>" in the HTML BOTTOM is removed.

Is there a way to turn this auto-correcting feature off? I am using the ContentFilters="None" in the declaratively markup but it still does this intrinsic validation.

Editor

answered on 10 Aug 2011

3 answers

78 views

Editor in Chrome

Hi every one.

I had Telerik 2009 before, and now i update it to 2011.
i have some projects in 2009 and i Change one of them to telerik 2011 manualy.(I Deleted Telerik.Web.UI.dll From BIn and refrences and Put one component in one page that made 2011 DLL and then i add id to refrence manualy from bin folder)

And now i have some problem. first of all ,When i make new Project and put RadEditor in it , it is ok in all browsers. but in my previews project that i converted them to 2011 from 2009 , it dont have toolItems in above of it in Google Chrome.(but it is okin IE and Firefox).

Is it the better way to convert projects to new Telerik? , and is it a way for my edtor to be ok in Chrome in converted projects?

Thanks in advance.

Editor

answered on 10 Aug 2011

1 answer

110 views

Grid With Grouping fills only half of Page

Hi all,

We have a very curious layout bug in one of our pages.
We have a grid with grouping that on certain undefined circumstances is shrinked and displayed within the half of the page (see screenshot)

The collegue that did this page (and is currently not in the project any more) wanted the groups to be collapsed initially and wrote a function that goes like this:

function CollapseAll(event) {

var tableView = $find('<%=RadGrid1.ClientID %>').get_masterTableView();

var rows = tableView.get_element().rows;

for (var i = 0, len = tableView.get_element().rows.length; i < len; i++) {

var button = tableView._getGroupExpandButton(rows[i]);

if (button) {

var groupLevel = button.id.split("__")[2];

if (groupLevel == 0) {

tableView._toggleGroupsExpand(button, event);

}

}



We have tried to turn off the function, but it still is displayed the same way. 

When testing local - it works fine.



Any help regarding this will be very appreciated.



Thank in advance!

Grid

answered on 10 Aug 2011

1 answer

170 views

Sticky pagination problem with Splitters and aspPanel

Hi
I have a problem, and describing it might be little complicated.
I have 3 different type of a Web-mail layout:

Preview pane on the right.
Preview pane at the bottom.
Disabled Preview pane.

My problem is like that: My pagination panel gets positioned wrong.
I have a splitters layout (web mail like) with titles, that are presented in the page using aspPanels.
These titles hurts the calculations of the splitter, and as a result the pagination bar get positioned wrong.
But in one layout of the screens - Bottom, the pagination bar gets positioned ok. It doesn't in two screens that have the same login - they r vertical. (please see attached files. The correct one is "at the bottom")

My .Net code is:

<div class="wrapper">

<telerik:RadSplitter ID="rsptMain" Runat="server" Skin="sunsetGreen" EnableAjaxSkinRendering="true" EnableEmbeddedSkins="false" Width="100%" Height="100%" VisibleDuringInit="false">

<telerik:RadPane ID="foldersPane" runat="server" Width="250" Height="100%" Scrolling="None">

<telerik:RadSplitter ID="RadSplitter1" Runat="server" Skin="sunsetGreen" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="true" EnableEmbeddedBaseStylesheet="false" Height="100%" Orientation="Horizontal" VisibleDuringInit="false">

<telerik:RadPane ID="FolderTreePane" Width="250" runat="server" Scrolling="None">

<h2 class="PageLeftMainTitle" id="PageLeftMainTitle">Curriculus</h2>

<telerik:RadTreeView>........</telerik:RadTreeView>

</telerik:RadPane>

<telerik:RadSplitBar ID="FolderPaneSplitBar" runat="server" CollapseMode="Backward" EnableResize="False" ></telerik:RadSplitBar>

<telerik:RadPane Width="250" Height="90" ID="BottomLeftMenuPane" runat="server" Scrolling="None" OnClientCollapsed="BottomLeftMenuPaneToggled" OnClientExpanded="BottomLeftMenuPaneToggled">

<uc1:BottomLeftMenu ID="BottomLeftMenu" runat="server" />

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

<telerik:RadSplitBar ID="foldersSplitBar" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>

<telerik:RadPane ID="curriculumPane" runat="server" Height="100%" Scrolling=None>

<asp:Panel ID="pFolderInfoGrid" CssClass="CurriculusGridTitleEMenu" runat="server">

<h2>

<asp:Literal ID="ltFolderName" runat="server" Text="Todos filtros juntos"></asp:Literal>

</h2>

<div class="PainelDeLeitura" id="PainelDeLeituraButton">

<span class="subMenuTitle" onclick="ShowColumnHeaderMenu(event,'ReadPainel')">

<span>Painel de Leitura</span>

</span>

</div>

</asp:Panel>

<telerik:RadSplitter ID="rsptMainCurriculum" Runat="server" Skin="sunsetGreen" EnableAjaxSkinRendering="true" EnableEmbeddedBaseStylesheet="false" EnableEmbeddedSkins="false" Width="100%" Height="100%" Orientation="Horizontal">

<telerik:RadPane ID="curriculumListPane" runat="server" CssClass="curriculumListPane" runat="server" Height="100%" Scrolling="None">

<telerik:RadGrid ID="rgridCurriculum" CssClass="rgridCurriculum" runat="server" AllowSorting="true" AllowPaging="true" PageSize="10" ViewStateMode="Enabled" OnNeedDataSource="rgridCurriculum_NeedDataSource" OnItemDataBound="rgridCurriculum_ItemDataBound" AllowMultiRowSelection="true" OnRowDrop="rgridCurriculum_RowDrop" Skin="sunsetGreen" EnableEmbeddedSkins="false" Height="100%">

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView AutoGenerateColumns="false" DataKeyNames="Code" AllowPaging="true" TableLayout="Fixed">...........

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" AllowRowsDragDrop="true" EnablePostBackOnRowClick="false">

<Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />

<ClientEvents OnRowDropping="rgridCurriculum_OnRowDropping" />

<ClientEvents OnRowDblClick="rgridCurriculum_OnRowDblClick" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

<telerik:RadSplitBar ID="curriculumSplitBar" runat="server" CollapseMode="Forward" Visible="false"></telerik:RadSplitBar>

<telerik:RadPane ID="curriculumViewPane" runat="server" Visible="false"></telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

My code block readability is terrible. I tried removing unnecessary parts from it.
the thing is that my asp:panel is inside the telerik:RadPane that has 100% and is holding the main big vertical splitter, and than under it the telerik:RadSplitter appears.

it looks like that

<telerik:RadPane

<asp:Panel

<telerik:RadSplitter

In the "at the bottom" everything works fine. The splitter calculate the height without the AspPanel height. But in the "on the right" & "disabled" screen it joins them.

Why? The order of my DOM is equall in the 3 files. What can create this difference?

I hope I was clear, and I hope my code was some how readable :)

Thanks for any help.
Shlomi.

Splitter

answered on 10 Aug 2011

1 answer

118 views

ValidationSummary stops working after using with telerik:AjaxUpdatedControl

Hi All,
When I use ValidationSummary with AjaxUpdateControl it works fine for the first time but after reload it stop working,
Not able to find the solution please help.

My code is as below:
<telerik:ValidationSummary HeaderText="Please correct the following error(s):" runat="server" ID="validationSummary" ValidationGroup="group1" />

<telerik:AjaxSetting AjaxControlID="btnSearch">

<telerik:AjaxUpdatedControl ControlID="pnlDisplayResults" LoadingPanelID="AjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="notificationDisplayMsg" />
<telerik:AjaxUpdatedControl ControlID="validationSummary" />