Hi guys,
My client complains that asp.net pages containing radGrids are not working correctly on iPhone 6.
Filters, items per page, sorting etc. is not working. The buttons does not react to touch.
Are there any special settings I'm missing?
Thanks in advance
I have a RadScheduler using Web Service binding, but that uses Server Side Resource population because we need to group by Resource. This is the configuration of my RadScheduler:
<
telerik:RadScheduler
runat
=
"server"
ID
=
"RadScheduler1"
SelectedView
=
"WeekView"
Height
=
""
HoursPanelTimeFormat
=
"htt"
ValidationGroup
=
"RadScheduler1"
<br> DayStartTime="04:00:00" DayEndTime="21:00:00" WorkDayStartTime="04:00:00" WorkDayEndTime="21:00:00"<
br
> OnClientAppointmentsPopulating="FitTrack.Scheduler.appointmentsPopulating" OnResourcesPopulating="RadScheduler1_ResourcesPopulating" OnClientNavigationComplete="FitTrack.Scheduler.navigationComplete"<
br
> OnClientRequestSuccess="FitTrack.Scheduler.requestSuccess" OnClientFormCreated="schedulerFormCreated" OnClientAppointmentDataBound="FitTrack.Scheduler.appointmentDataBound"<
br
> StartInsertingInAdvancedForm="true" StartEditingInAdvancedForm="true" AppointmentStyleMode="Default"><
br
> <
AdvancedForm
Enabled
=
"true"
Modal
=
"true"
/><
br
> <
AdvancedEditTemplate
><
br
> <
scheduler:AdvancedForm
runat
=
"server"
ID
=
"AdvancedEditForm1"
Mode
=
"Edit"
/><
br
> </
AdvancedEditTemplate
><
br
> <
AdvancedInsertTemplate
><
br
> <
scheduler:AdvancedForm
runat
=
"server"
ID
=
"AdvancedInsertForm1"
Mode
=
"Insert"
/><
br
> </
AdvancedInsertTemplate
><
br
> <
DayView
GroupBy
=
"Trainer"
GroupingDirection
=
"Horizontal"
/><
br
> <
ResourceHeaderTemplate
><
br
> <
div
><
br
> <
a
href
=
"#"
onclick
=
"FitTrack.Scheduler.resourceHeaderClicked('<%# Eval("
Key") %>')"><%# Eval("Text") %></
a
><
br
> </
div
><
br
> </
ResourceHeaderTemplate
><
br
> <
WebServiceSettings
Path
=
"SchedulerWebService.asmx"
ResourcePopulationMode
=
"ServerSide"
/><
br
> </
telerik:RadScheduler
>
When I assign Attributes to my Resources in my GetResources() method, those Attributes do not come across and are not available on the client. Is this a known limitation when using Server Side Resource population with Web Service binding or should those Attributes still be available on the client? Is there something special I need to do for the Attributes to come across?
Hi there,
I have a problem displaying the text on a RadButton for different browsers.
When I use IE (version 10) the text is shown, but by using Chrome or Firefox the text is not shown (see examples).
The Radbutton is part of a skin and created with Telerik stylebuilder.
Below you will find the css used.
Does anybody know why the text is only shown by using IE?
Regards,
Marcel
.RadButton_YaleButton {
font-family: "Segoe UI",Arial,Helvetica,sans-serif;
font-size: 12px;
}
.RadButton_YaleButton.rbSkinnedButton, .RadButton_YaleButton .rbDecorated, .RadButton_YaleButton .rbSecondaryIcon, .RadButton_YaleButton.rbVerticalButton, .RadButton_YaleButton.rbVerticalButton .rbDecorated {
background-image: none;
font-family: "Segoe UI",Arial,Helvetica,sans-serif;
font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.RadButton_YaleButton.a.RadButton input.rbDecorated, .RadButton_YaleButton.a.RadButton input.rbDecorated, .RadButton_YaleButton.a.RadButton input.rbDecorated:active, .RadButton_YaleButton.a.RadButton input.rbDecorated:focus {
background-color: transparent;
border: 0;
}
}
.RadButton_YaleButton .rbSplitRight, .RadButton_YaleButton .rbSplitLeft {
background-image: url('Button/ButtonSprites.gif');
}
.RadButton_YaleButton .rbSplitRight, .RadButton_YaleButton.rbLinkButton .rbSplitRight {
background-position: -1px 0;
background-color: #c6c6c6;
border-left: 1px solid #7e7e7e;
}
.RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitRight {
background-position: -1px 0;
}
.RadButton_YaleButton .rbSplitRight {
_right: -1px;
}
.RadButton_YaleButton.rbDisabled .rbSplitRight {
_right: 0;
}
.RadButton_YaleButton.rbLinkButton .rbSplitRight {
background-color: #e2e2e2;
border-left: 1px solid #7e7e7e;
}
.RadButton_YaleButton .rbSplitRight:hover, .RadButton_YaleButton.rbLinkButton .rbSplitRight:hover {
background-color: #ffe79c;
border-left: 1px solid #c98400;
}
.RadButton_YaleButton .rbSplitRight:focus, .RadButton_YaleButton .rbSplitRight:active, .RadButton_YaleButton.rbLinkButton .rbSplitRight:focus, .RadButton_YaleButton.rbLinkButton .rbSplitRight:active {
background-color: #ffa517;
border-left: 1px solid #ca4b0c;
}
.RadButton_YaleButton .rbSplitLeft, .RadButton_YaleButton.rbLinkButton .rbSplitLeft {
background-position: -1px 0;
background-color: #e2e2e2;
border-right: 1px solid #7e7e7e;
}
.RadButton_YaleButton .rbSplitLeft:hover, .RadButton_YaleButton.rbLinkButton .rbSplitLeft:hover {
background-color: #ffe79c;
border-right: 1px solid #c98400;
}
.RadButton_YaleButton.rbDisabled .rbSplitLeft, .RadButton_YaleButton.rbDisabled .rbSplitLeft:hover, .RadButton_YaleButton.rbDisabled .rbSplitLeft:focus, .RadButton_YaleButton.rbDisabled .rbSplitLeft:active, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitLeft:hover, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitLeft:focus, .RadButton_YaleButton.rbDisabled .rbSplitRight, .RadButton_YaleButton.rbDisabled .rbSplitRight:hover, .RadButton_YaleButton.rbDisabled .rbSplitRight:focus, .RadButton_YaleButton.rbDisabled .rbSplitRight:active, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitRight, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitRight:hover, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitRight:active, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitRight:focus {
background-color: #dfdfdf;
background-position: -1px 0 !important;
}
.RadButton_YaleButton .rbDisabled .rbSplitRight, .RadButton_YaleButton .rbDisabled .rbSplitRight:hover, .RadButton_YaleButton .rbDisabled .rbSplitRight:focus, .RadButton_YaleButton .rbDisabled .rbSplitRight:active, .RadButton_YaleButton .rbDisabled .rbSplitLeft, .RadButton_YaleButton .rbDisabled .rbSplitLeft:hover, .RadButton_YaleButton .rbDisabled .rbSplitLeft:focus, .RadButton_YaleButton .rbDisabled .rbSplitLeft:active {
_background-position: -1px 0 !important;
}
.RadButton_YaleButton.rbDisabled .rbSplitLeft, .RadButton_YaleButton.rbDisabled .rbSplitLeft:hover, .RadButton_YaleButton.rbDisabled .rbSplitLeft:focus, .RadButton_YaleButton.rbDisabled .rbSplitLeft:active, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitLeft:hover, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitLeft:focus {
border-right: 1px solid #9b9b9b;
}
.RadButton_YaleButton.rbDisabled .rbSplitRight, .RadButton_YaleButton.rbLinkButton.rbDisabled .rbSplitRight {
border-left: 1px solid #9b9b9b;
}
.RadButton_YaleButton .rbSplitLeft:focus, .RadButton_YaleButton .rbSplitLeft:active, .RadButton_YaleButton.rbLinkButton .rbSplitLeft:focus, .RadButton_YaleButton.rbLinkButton .rbSplitLeft:active {
background-color: #ffa517;
border-right: 1px solid #ca4b0c;
}
.RadButton_YaleButton.rbSkinnedButton, .RadButton_YaleButton.rbVerticalButton, .RadButton_YaleButton .rbDecorated {
background-color: #e2e2e2;
}
.RadButton_YaleButton.rbSkinnedButton, .RadButton_YaleButton.rbVerticalButton {
border: 4px solid #e6a900;
border-radius: 12px;
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
}
.RadButton_YaleButton.rbSkinnedButton:hover, .RadButton_YaleButton.rbVerticalButton:hover, .RadButton_YaleButton:hover .rbDecorated {
background-color: #e6a900;
color: #fff;
text-decoration: underline;
}
.RadButton_YaleButton.rbSkinnedButton:hover, .RadButton_YaleButton.rbVerticalButton:hover {
border: 4px solid #e6a900;
}
.RadButton_YaleButton.rbSkinnedButtonChecked, .RadButton_YaleButton.rbSkinnedButtonChecked:hover, .RadButton_YaleButton.rbSkinnedButtonChecked .rbDecorated, .RadButton_YaleButton.rbSkinnedButtonChecked:hover .rbDecorated {
background-color: #ffa517;
}
.RadButton_YaleButton .rbToggleCheckbox, .RadButton_YaleButton .rbToggleCheckboxChecked, .RadButton_YaleButton .rbToggleCheckboxFilled, .RadButton_YaleButton .rbToggleRadio, .RadButton_YaleButton .rbToggleRadioChecked {
background-image: url('Common/radFormToggleSprite.png');
_background-image: url('Common/radFormToggleSpriteIE6.png');
}
.RadButton_YaleButton.rbToggleButton, .RadButton_YaleButton.rbToggleButton.rbDisabled, .RadButton_YaleButton.rbToggleButton.rbDisabled:hover {
color: black;
}
.RadButton_YaleButton.rbDisabled .rbDecorated, .RadButton_YaleButton.rbDisabled:hover .rbDecorated, .RadButton_YaleButton.rbToggleButton:hover {
color: #999;
}
.RadButton_YaleButton.RadButton.rbLinkButton {
background-color: #e2e2e2;
border: 1px solid #7e7e7e;
text-decoration: none;
color: black;
}
.RadButton_YaleButton.RadButton.rbLinkButton:hover {
background-color: #ffe79c;
color: #882501;
}
.RadButton_YaleButton.RadButton.rbLinkButtonChecked, .RadButton_YaleButton.RadButton.rbLinkButtonChecked:hover {
background-color: #ffa517;
color: #882501;
border: 1px solid #ca4b0c;
}
.RadButton_YaleButton.rbLinkButtonChecked:hover {
color: #882501;
border: 1px solid #c98400;
}
.RadButton_YaleButton.rbSkinnedButton, .RadButton_YaleButton .rbDecorated {
height: 22px;
}
.RadButton_YaleButton.rbSkinnedButton.rbDisabled, .RadButton_YaleButton.rbVerticalButton.rbDisabled, .RadButton_YaleButton.rbLinkButton.rbDisabled, .RadButton_YaleButton.rbLinkButton.rbDisabled:hover {
background-color: #E6BE3E;
border: 4px solid #E6BE3E;
color: #fff;
text-decoration: none;
}
.RadButton_YaleButton.rbSkinnedButton.rbDisabled .rbDecorated, .RadButton_YaleButton.rbLinkButton.rbDisabled, .RadButton_YaleButton.rbLinkButton.rbDisabled:hover, .RadButton_YaleButton.rbVerticalButton.rbDisabled .rbDecorated {
background-color: #E6BE3E;
color: #fff;
text-decoration: none;
}
.RadButton_YaleButton.rbLinkButton, .RadButton_YaleButton.rbLinkButton:hover {
border: 1px solid #7e7e7e !important;
}
.RadButton_YaleButton.rbLinkButton.rbRounded {
border-radius: 0;
}
.RadButton_YaleButton .rbDecorated {
color: rgb(255, 255, 255);
font-family: Arial;
font-size: 12px;
font-weight: bold;
background-color: rgb(230, 169, 0);
}
.rbSkinnedButton.RadButton_YaleButton {
background-color: rgb(230, 169, 0);
}
.RadButton_YaleButton .rbDecorated {
font-size: 12px;
}
.RadButton_YaleButton .rbDecorated {
font-size: 12px;
line-height: 14px;
height: 0px;
}
Hello,
I have a little problem with Radtreeview and a hide linkbutton. When i click on a node with the event "OnClientNodeClicked", the js execute a function that show the linkbutton, but after couple of second the linkbutton disapear or return to his start states (hide).
Have you a solution to this problem.
Thanks a lot
My client code:
Aspx:
<asp:LinkButton runat="server" ID="lkbAdd" OnClientClick="OnClientClickAdd()"><img src="Images/Add-24.png" alt="Add" title="Add node"/></asp:LinkButton>
<telerik:RadTreeView ID="RadTreeView2" runat="server" Width="400px" Height="400px" OnNodeClick="RadTreeView2_NodeClick" OnNodeDataBound="RadTreeView2_NodeDataBound" BorderColor="Black" BorderWidth="1" OnClientNodeClicked="OnClientNodeClicked">
<DataBindings>
<telerik:RadTreeNodeBinding Expanded="True"></telerik:RadTreeNodeBinding>
</DataBindings>
</telerik:RadTreeView>
JS:
function OnClientNodeClicked(sender, eventArgs)
{
var listItem = document.getElementById('<%= lkbAdd.ClientID %>');
var node = eventArgs.get_node();
var nodeValue = node.get_value();
node.select();
if(nodeValue > 9990000000)
{
listItem.style.display = "inline-block";
}
else
{
listItem.style.display = "none";
}
args.set_cancel(true);
}
My Server Code:
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
//....
lkbAdd.Style.Add("display", "none");
}
}
I use a Telerik control in my page, the RadAsyncUpload. Is really simple and clear to use, but I want also this: if the file size to upload is greater than 20KB, the page must show a message (using a RadConfirm): "can take a while. Are you sure?"
And here start the problems. When the file's size is <20KB is all okay, but in the other case.. I lost the file persistence! How can I fix it?
I show you my code
In the .aspx:
...
<
script
language
=
"javascript"
type
=
"text/javascript"
>
function confirmCallbackFn(arg) {
$get("<%=HiddenField_ConfirmResponse.ClientID %>").value = arg;
$find("<%=RadAjaxManager1.ClientID >").ajaxRequest("confirmCallBack");
}
</
script
>
...
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
></
telerik:RadScriptManager
>
<
asp:HiddenField
runat
=
"server"
ID
=
"HiddenField_ConfirmResponse"
/>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
OnAjaxRequest
=
"OnAjaxRequest"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadUploadTracciato"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"HiddenField_ConfirmResponse"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadUploadTracciato"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadWindowManager
runat
=
"server"
ID
=
"RadWindowManager1"
Width
=
"700px"
Modal
=
"true"
Height
=
"500px"
Behaviors
=
"Maximize,Close,Move"
VisibleStatusbar
=
"true"
>
</
telerik:RadWindowManager
>
<
telerik:RadAjaxLoadingPanel
runat
=
"server"
ID
=
"RadAjaxLoadingPanel1"
></
telerik:RadAjaxLoadingPanel
>
...
<
telerik:RadAsyncUpload
ID
=
"RadUploadTracciato"
ForeColor
=
"#103184"
runat
=
"server"
PostbackTriggers
=
"bValida"
OnFileUploaded
=
"RadAsyncUpload1_FileUploaded"
InitialFileInputsCount
=
"1"
MaxFileInputsCount
=
"1"
OverwriteExistingFiles
=
"true"
ControlObjectsVisibility
=
"None"
AllowedFileExtensions
=
".xlsx,.txt"
EnableFileInputSkinning
=
"True"
ReadOnlyFileInputs
=
"True"
> </
telerik:RadAsyncUpload
>
<
telerik:RadButton
ID
=
"bValida"
Width
=
"100"
runat
=
"server"
Class
=
"BtnAxa"
Text
=
"Carica"
Style
=
"margin-left: 75px !important;"
></
telerik:RadButton
>
In my .cs:
public
void
RadAsyncUpload1_FileUploaded(
object
sender, FileUploadedEventArgs e)
{
const
int
MaxTotalBytes = 20000;
if
(e.File.ContentLength < MaxTotalBytes)
{
UploadFile();
}
else
{
RadWindowManagerValidazione.RadConfirm(
"Il file è molto grande. Il caricamento potrebbe metterci qualche minuto"
,
"confirmCallbackFn"
, 400,
null
,
null
,
"Attenzione!"
);
}
}
protected
void
OnAjaxRequest(
object
sender, Telerik.Web.UI.AjaxRequestEventArgs e)
{
if
(e.Argument ==
"confirmCallBack"
&& HiddenField_ConfirmResponse.Value ==
"true"
)
{
UploadFile();
}
}
protected
void
UploadFile()
{
if
(RadUploadTracciato.UploadedFiles.Count > 0)
// is alwais == 0 :(
{...}
}
Someone can help me?
Hello
I have a simple RadGrid bind on EntityDataSource,
when i pass AllowSorting="True", the header bar becomes invisible, Is he missing something?
<
asp:EntityDataSource
ID
=
"MyData"
runat
=
"server"
ConnectionString
=
"name=AGIDE4_DEVEntities"
OnSelecting
=
"MyData_Selecting"
OnSelected
=
"MyData_Selected"
DefaultContainerName
=
"AGIDE4_DEVEntities"
AutoSort
=
"False"
EntitySetName
=
"CompteConnexion_Profil_Parametres"
EntityTypeFilter
=
"CompteConnexion_Profil_Parametres"
EnableUpdate
=
"True"
EnableDelete
=
"False"
EnableInsert
=
"False"
>
</
asp:EntityDataSource
>
<
telerik:RadAjaxLoadingPanel
runat
=
"server"
ID
=
"RadAjaxLoadingPanel1"
/>
<
telerik:RadAjaxPanel
runat
=
"server"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
>
<
telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
EnableHeaderContextMenu
=
"true"
DataSourceID
=
"MyData"
OnSelectedIndexChanged
=
"RadGrid1_SelectedIndexChanged"
OnPreRender
=
"RadGrid1_PreRender"
OnColumnCreated
=
"RadGrid1_ColumnCreated"
OnColumnsReorder
=
"RadGrid1_ColumnsReorder"
OnEditCommand
=
"RadGrid1_EditCommand"
PageSize
=
"100"
VirtualItemCount
=
"100"
ClientSettings-AllowColumnHide
=
"false"
AutoGenerateHierarchy
=
"false"
AutoGenerateColumns
=
"true"
AllowPaging
=
"true"
AllowSorting
=
"False"
AllowFilteringByColumn
=
"true"
>
<
ClientSettings
Virtualization-RetrievedItemsPerRequest
=
"500"
Virtualization-EnableCurrentPageScrollOnly
=
"false"
Virtualization-EnableVirtualization
=
"false"
Virtualization-ItemsPerView
=
"100"
Virtualization-InitiallyCachedItemsCount
=
"500"
Scrolling-EnableVirtualScrollPaging
=
"false"
Scrolling-AllowScroll
=
"true"
Scrolling-UseStaticHeaders
=
"true"
ReorderColumnsOnClient
=
"true"
AllowColumnsReorder
=
"true"
Selecting-AllowRowSelect
=
"true"
ColumnsReorderMethod
=
"Reorder"
/>
</
telerik:RadGrid
>
</
telerik:RadAjaxPanel
>
Hello,
I would like to set OnNeedDataSource and OnFilterCheckListItemsRequested in C# and not in aspx.
When having this line in Default.aspx it all works fine:
<telerik:RadGrid ID="RadGrid2" runat="server" Width="750px" OnNeedDataSource="RadGrid2_NeedDataSource"
OnFilterCheckListItemsRequested="RadGrid2_FilterCheckListItemsRequested">
But I would like to get everything but ID and runat to Default.aspx.cs.
Like so:
RadGrid2.MasterTableView.DataKeyNames = new string[] { "ID" };
RadGrid2.AllowPaging = true;
RadGrid2.AllowSorting = true;
RadGrid2.GroupingEnabled = true;
RadGrid2.GroupPanelPosition = GridGroupPanelPosition.Top;
RadGrid2.AllowFilteringByColumn = true;
RadGrid2.FilterType = GridFilterType.HeaderContext;
RadGrid2.EnableHeaderContextMenu = true;
RadGrid2.EnableHeaderContextFilterMenu = true;
But when adding these:
RadGrid2.OnNeedDataSource
RadGrid2.OnFilterCheckListItemsRequested
I get an error saying these are inaccessible due to their protection level.
So how can I assign RadGrid2_NeedDataSource and RadGrid2_FilterCheckListItemsRequested in C#?
I recently upgraded my UI for ASP.NET AJAX using the Telerik control panel. After doing this, my project would no longer compile. My treeview control was "Not found in current context." I was able to view the control in design view and see that it was correctly recognized. Nothing had changed, and yet the error. I've seen this before where Visual Studio somehow gets confused linking the designer and the code behind, and to solve this I've always done the following: I browse Solution Explorer to the ASPX designer page. To be clear, I delete the [My Page].aspx.designer.cs file. Then using Visual Studio, I convert the page to a web application. In Visual studio 2012, you did this by simply right clicking the ASPX file in Solution Explorer and "Convert to Web Application." In Visual Studio 2013, this option moved under the Project menu. But in Visual Studio 2015, although it remains in the same location as VS 2013, it doesn't do anything.
To resolve my "not found in current context" issue, I opened Visual Studio 2012, deleted the aspx.designer.cs file and converted the page to a web application. The new designer file popped right up. I compiled. The project built fine. Next, I opened it in VS 2015. Again I compiled it. And again it worked fine. There is a bug in VS 2015. It won't correctly build the designer file. Hopefully you won't waste hours on this like I did!
Is there a way to prevent the temporarily files from being deleted when IIS application pool is recycled?