Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
99 views

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

Pavlina
Telerik team
 answered on 29 Jan 2016
10 answers
231 views
Hi,
I would like to have a slider without selection, Just the ticks, but no default value.
Is it possible?

Thank you in advance,

Sincerely.
Nikolay
Telerik team
 answered on 29 Jan 2016
3 answers
96 views

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?

Ivan Danchev
Telerik team
 answered on 29 Jan 2016
2 answers
213 views

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;
}



 

 


Jacques
Top achievements
Rank 1
 answered on 29 Jan 2016
1 answer
44 views

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");
        }
    }

Eyup
Telerik team
 answered on 29 Jan 2016
3 answers
307 views

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?

 

 

 

 

 

 

Ivan Danchev
Telerik team
 answered on 28 Jan 2016
3 answers
276 views

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>
Viktor Tachev
Telerik team
 answered on 28 Jan 2016
1 answer
293 views

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#?

Viktor Tachev
Telerik team
 answered on 28 Jan 2016
1 answer
178 views

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!

Momchil
Telerik team
 answered on 28 Jan 2016
3 answers
271 views

Is there a way to prevent the temporarily files from being deleted when IIS application pool is recycled?  

Peter Filipov
Telerik team
 answered on 28 Jan 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?