Questions on UI for ASP.NET AJAX Forum

5 answers

65 views

Easing problem when tile height increased

Hi Guys,

When I set the Height property of a tile, part of the content showed on the tile before easing animation occurred. And when easing animation happened, the content did not completely scroll off.

I understand that the Shape property is important for proper tile easing to occur, but shouldn't there be a way for the height of the tile to be increased and easing to work properly?

Also, is there anyway for a tile to automatically increase in height to handle whatever content I place in the tile?

Bryan

TileList

answered on 18 Dec 2013

2 answers

667 views

Cannot Set Property 'scriptsFailed' of undefined

Hi Everyone,

I am having an error (Cannot Set Property 'scriptsFailed' of undefined) which has to do with the webresource.axd when I access my application from outside our domain. I have no errors when running the app inside out domain.

I have attached an image of the error I am getting.

I am assuming that access to the webresource.axd is somehow not setup to allow external requests or something but all of my searching on Google has not turned up anything helpful.

Here is my RadScriptManager declaration:

<telerik:RadScriptManager runat="server" ID="MainRadScriptManager">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

</Scripts>

<CacheSettings Enabled="true" />

<CdnSettings TelerikCdn="Enabled" />

</telerik:RadScriptManager>

Here is my system.webserver section of my web config:

<system.webServer>

<modules runAllManagedModulesForAllRequests="true">

<remove name="UrlRoutingModule" />

<add name="UrlRoutingModule" type="System.Web.Routing.UrlRoutingModule, System.Web, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" />

<remove name="RadUploadModule" />

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode" />

<remove name="RadCompression" />

<add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode" />

<add name="ScriptModule" preCondition="integratedMode" type=

"System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

/>

</modules>

<validation validateIntegratedModeConfiguration="false" />

<handlers>

<remove name="ChartImage_axd" />

<remove name="ScriptHandlerFactory" />

<remove name="ScriptHandlerFactoryAppServices" />

<remove name="ScriptResource" />

<remove name="Telerik_Web_UI_SpellCheckHandler_axd" />

<remove name="Telerik_Web_UI_DialogHandler_aspx" />

<remove name="Telerik_Web_UI_WebResource_axd" />

<remove name="Telerik_RadUploadProgressHandler_ashx" />

<remove name="WebServiceHandlerFactory-Integrated" />

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />

<add name="ScriptResource" verb="GET,HEAD" path="ScriptResource.axd" type=

"System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />

<add name="Telerik.Web.UI.WebResource" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" />

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />

<add name="UrlRoutingHandler" preCondition="integratedMode" verb="*" path="UrlRouting.axd" type="System.Web.HttpForbiddenHandler, System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" />

</handlers>

</system.webServer>

If anyone can offer any help or suggestions, I would really appreciate it as I feel like I am dealing with a black box here.

Thank you.

General Discussions

answered on 18 Dec 2013

1 answer

98 views

Fire click event or command of LinkButton from inside radgrid

Hi,

I have a grid with a link button:

<telerik:GridButtonColumn HeaderStyle-Width="80px" ItemStyle-Width="80px" ButtonType="LinkButton" UniqueName="Block" />

on ItemDataBound I add onclientclick event that opens a confirmation window:

function UserBlock() {
$.confirm({
'title': 'Covertix',
'message': 'Are you sure you want to block this user?',
'icon': '../Images/Icons/System/garbage.png',
'container': '#MainBoxFull',
'buttons': {
'No': {
'class': 'CovertixButtonForMsgBox',
'action': function() {
$.confirm.hide();
}
},

'Yes': {
'class': 'CovertixButtonForMsgBox',
'action': function() {
$.confirm.hide();
}
}
}
});

return false;
}

Inside the 'Yes' callback, I want to fire a click event or block command.
Is it possible?
I tried in many ways without success.

Grid

answered on 18 Dec 2013

3 answers

113 views

RadMenu Styling and Levels

I am struggling with styling menus in my web application. I have a vertical menu on the left side of the screen that is the main navigation menu for the site. Within modules of the web app, I repeat some of the submenus as a horizontal tab strip across the top of the page. (But still using the RadMenu control here.)

See file attachment.

I would like to force the styles of the top horizontal menu to match the styles of the corresponding flyout menus on the vertical menu. But they do not seem to want to do this since they are at different levels. Is this possible?

Thanks in advance for any help.
Steve

Menu

answered on 18 Dec 2013

3 answers

345 views

How to Change Grid Selection Back Color

Hi,
Iam using Keyboard Navigation in my grid.Iam using Office2007 Skin for my grid and i have created my grid at runtime.

Now when i use keyboard navigation using up down arrow key.The gird selection is moving to next cell but the back color is in Light blue .I want to change the selection back color to some other dark color.
Kindly refer the attached image.

I have tried all this styles to change the back color but northing works

.RadGrid_Office2007 .SelectedItem
{
background-image: url(img/SelectedRow.gif);
background-repeat: no-repeat;
background-position: top right;
    background-color: Green !important;
     background: Green 0 -3900px repeat-x url('Grid/sprite.gif') !important;
}
.RadGrid_Office2007 .rgSelectedRow
    {
        background: Green 0 -3900px repeat-x url('Grid/sprite.gif') !important;
    color:#fff;
    }
.RadGrid_Office2007 .SelectedStyle

{
    background-color: Green !important;
}

<%--.RadGrid td.rgSelectedCell
{
background: #141414 !important;
background-image: none;
}

.RadGrid .rgSelectedRow td
{
   background-color: #141414 !important;
    background-image: none;
}
.RadGrid_Default th.rgHeader
{
   background-image: none;
   background-color: Blue !important;
}

.SelectedItem
    {
      background-color: Green !important;
    }

.RadGrid .GridRowSelector_Default
    {
         background-image: none;

        background-color: Green !important;
    }
    .RadGrid .ActiveRow_Default td
    {
        background-image: none;

        background-color: Green !important;
    }
--%>

In Code behind i create grid like this
grid.AutoGenerateColumns = false; // set the auto genrated columns as false
        grid.Skin = "Office2007";// set the Skin
        grid.AllowMultiRowSelection = true;//set the multirow selection as true or false
grid.ClientSettings.Selecting.CellSelectionMode = GridCellSelectionMode.MultiCell;
        grid.ClientSettings.Selecting.EnableDragToSelectRows = false;
        grid.ClientSettings.AllowKeyboardNavigation = true;
        grid.ClientSettings.KeyboardNavigationSettings.EnableKeyboardShortcuts = true;
        grid.ClientSettings.KeyboardNavigationSettings.AllowActiveRowCycle = true;

Grid

answered on 18 Dec 2013

3 answers

488 views

filtering with dropdown for Boolean datatype field

I got a grid with with a template column whose DataType property is set to System.Boolean and DataField property set to a bool field in the datasource.

<telerik:GridTemplateColumn HeaderText="Physical Count Date" HeaderStyle-HorizontalAlign="Center" DataType="System.Boolean" UniqueName="CountDate" DataField="HasCount" ItemStyle-Width="100" ItemStyle-HorizontalAlign="Left" AllowFiltering="true">

<ItemStyle CssClass="no-border" />

<ItemTemplate>

<asp:Label ID="LabelDate" runat="server" Text='<%# ((bool)Eval("HasCount")) ? Eval("CountDate","{0:dd/MM/yyyy}") : "Not performed" %>'></asp:Label>

</ItemTemplate>

I want to have a dropdown to filter it, i am following the tutorials at http://tv.telerik.com/watch/aspnet/radgrid/radgrid-for-aspnet-filtering-with-dropdown-for-checkbox-column and http://www.telerik.com/help/aspnet-ajax/grid-filtering-for-gridchecboxcolumn.html

so in my code behind i have

protected void RadGrid2_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridFilteringItem)

{

GridFilteringItem filteringItem = (e.Item as GridFilteringItem);

filteringItem["CountDate"].Controls.Clear();

DropDownList ddList = new DropDownList();

ddList.AutoPostBack = true;

ddList.SelectedIndexChanged += new System.EventHandler(ddList_SelectedIndexChanged);

ddList.Items.Add(new ListItem("Clear filter", "Empty"));

ddList.Items.Add(new ListItem("Show all counted", "True"));

ddList.Items.Add(new ListItem("Show all not counted", "False"));

if (Session["ddlSelValue"] != null)

{

ddList.Items.FindByValue((string)Session["ddlSelValue"]).Selected = true;

}

filteringItem["CountDate"].Controls.Add(ddList);

}

protected void ddList_SelectedIndexChanged(object sender, System.EventArgs e)

{

DropDownList ddList = (DropDownList)sender;

Session["ddlSelValue"] = ddList.SelectedValue;

switch (ddList.SelectedValue)

{

case "True":

RadGrid2.MasterTableView.FilterExpression = "([HasCount] = True) ";

break;

case "False":

RadGrid2.MasterTableView.FilterExpression = "([HasCount] = False) ";

break;

case "Empty":

RadGrid2.MasterTableView.FilterExpression = String.Empty;

break;

}

foreach (GridColumn column in RadGrid2.MasterTableView.Columns)

{

column.CurrentFilterFunction = GridKnownFunction.NoFilter;

column.CurrentFilterValue = String.Empty;

}

RadGrid2.MasterTableView.Rebind();

}

It just does not work, it renders and even submits when an option is chosen from the dropdown but it does not filter. and i am unable to figure out why.

anyone?
thanks

Grid

answered on 18 Dec 2013

14 answers

198 views

Missing header in new Telerik

Hi,

I have created web application with grid in Telerik.Web.UI_2012_3_1016_Dev, but after I installed latest Telerik.Web.UI_2013_2_611_Dev, where I uploaded DLLs into my solution, in my grid disappeared all headers for my columns...

I wasn't changing web.config or any other changes...

Did I miss something ? Do you have any idea what could go wrong ?

Thanks for any help,

Peter

PS: I also have noticed that some of my controls with overriden skin css values have moved by several pixels... Are there any known issues I should be awared that will mess up my UI before I update production environment by the newest telerik controls ?

Grid

answered on 17 Dec 2013

5 answers

150 views

Grid Header missing

before 2013Q2,Grid header is this(snap1):

up to Q3,Header became so(snap2):

Q3sp1 Is the same.

Grid

answered on 17 Dec 2013

4 answers

157 views

RadAsyncUpload not working with Safari

Hi,

I have created a basic asp.net application with below code:

<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" ChunkSize="1048576" />

When I run the application, files are getting uploaded to the app_data folder for IE\Chrome.

However, for safari the uploaded file is not having the valid file extension and sometimes it's not uploading the files.

There is no code added in cs file and the config file contains below configuration:

<system.webServer>

</requestFiltering>

</security>

</handlers>

</system.webServer>

Any pointers will be appreciated.

Thanks.

Upload (Obsolete)

answered on 17 Dec 2013

9 answers

302 views

RadPanelBar with Full Height and Multiple Expanded Items at Levels above 0

Hello,

I would like to have a multi-level RadPanelBar with the following behavior:

a) Use 100% of the height (and thereforre display empty space between the last child item and the next sibling item).

b) Always have exactly one item expanded in level 0.

c) Always have all the direct and indirect child nodes expanded below the level-0 item that is expanded.

It seems that there are contradicting settings that would be required. If I use ExpandMode="FullExpandedItem", then I can achieve requirements a) and b), but not c). If I use ExpandMode="MultipleExpandedItems", then I can achieve requirements b) (with some client--side coding) and c), but nott a).

Your assistance would be appreciated.

Thanks,

Michel

PanelBar

answered on 17 Dec 2013