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

According to the documentation there should be a way to set the location of the axis label position via property
    Telerik.Web.UI.HtmlChart.AxisLabelPosition. 

Which allow the values of: OnAxis, Start, or End

It is demonstrated in this demo

My version does not have that property. I am running "Telerik UI for ASP.NET AJAX R2 2018".  

Do I need a newer version?

Thanks, 
Mike H

 

 

Vessy
Telerik team
 answered on 12 Aug 2019
3 answers
412 views
Using ASP.Net webforms I have a pop up containing 2 tabs, which display info on a feature, 'FEATURE PROPERTIES' and 'IMAGES'. Each time a new feature is clicked the pop up is updated with the new feature details.

I was making the call back to the server where updatePanel8 was being updated. Unfortuantelly I am trying to convert my website to telerik and I am having difficulties implenting this. I have read many Q's on telerik forms some suggest trying RadAjaxPanel others suggest tryiing RadAjaxManager, but either way I cant seem to get it working as I cant use an update panel inside a panel when I am using telerik.

<asp:Panel ID="ViewFeatureProperties" runat="server" BackColor="Snow" Width="300"
               HorizontalAlign="Center">
               <asp:UpdatePanel runat="server" ID="UpdatePanel8" UpdateMode="Conditional" ChildrenAsTriggers="true"
                   Style="position: relative; overflow: hidden; background-color: White;              
                  width: 300px; height: 300px; margin: 5px; text-align: center; outline-style: none; overflow-y: hidden; overflow-x:hidden;">
 
                   <ContentTemplate>
                           <div id="DivHolding2Tabs" class="overflowcontent webkit-scrollbar webkit-scrollbar-track webkit-scrollbar-thumb" style="width:100%;border-color:Black;border-width:1px;border-style:solid;">
                               <ul id="tabList" style="width:100%">
                                   <li><a href="#tabs-1">Info</a> </li>
                                   <li><a href="#tabs-2" style="display:none;">Images</a> </li>
                               </ul>
 
                               <div id="tabs-1" class="WorkFlowLayout">
                                       <b><font color="FF6600">Feature Properties </font></b>
                                        <div id="divFeatureInfo" runat="server">
                                        </div>
                               </div>
 
                               <div id="tabs-2" class="WorkFlowLayout">
                                        <b><font color="FF6600">Images</font></b>
                                        <div id="ImagesRelatingToFeatureDIV" runat="server"
                                       </div>
                               </div>
                           </div>
                           <br />
                           <br />
                           <div class="buttonwrap">
                               <span id="Span5" class="ActionBtns">
                                   <asp:Button ID="ViewFeatureWorkflowImagePostBackBtn" runat="server" Style="display: none;
                                       visibility: hidden;" OnClick="ViewFeatureWorkflowImagePostBackBtn_Click" />
                               </span>
                           </div>
 
                   </ContentTemplate>
                   <Triggers>
                       <asp:AsyncPostBackTrigger ControlID="ViewFeatureWorkflowImagePostBackBtn" EventName="Click" />
                   </Triggers>
               </asp:UpdatePanel>
           </asp:Panel>

**CODE BEHIND**<br>protected void ViewFeatureWorkflowImagePostBackBtn_Click(object sender, EventArgs e)<br>{<br>ReloadUploadedImagesForFeatureWorkflow();<br>}<br><br><br>private void ReloadUploadedImagesForFeatureWorkflow()<br>{<br>//generate the new details for the popup<br>UpdatePanel8.Update();<br>script.Append("OpenPropertiesPopUp();");<br><br>ScriptManager.RegisterClientScriptBlock(UpdatePanel8,                                                        UpdatePanel8.GetType(),                                             "OpenPropertiesPopupCall()",<br>script.ToString(),<br>true);<br>}


Some exmaples I have tried are:

<asp:Panel ID="Panel1" runat="server">
                    <div id="Div1" class="overflowcontent webkit-scrollbar webkit-scrollbar-track webkit-scrollbar-thumb"
                         style="width: 100%; border-color: Black; border-width: 1px; border-style: solid;">
 
                     <asp:Button ID="ViewFeatureWorkflowImagePostBackBtn" runat="server" Text="Update the first Panel" OnClick="ViewFeatureWorkflowImagePostBackBtn_Click" />
                     <asp:Label ID="Label4" runat="server" Text="Label4"></asp:Label>
 
 
                         <ul id="Ul1" style="width: 100%">
                             <li><a href="#tabs-1">Info</a> </li>
                             <li><a href="#tabs-2" style="display: none;">Images</a> </li>
                         </ul>
                         <div id="tabs-1" class="WorkFlowLayout">
                             <b><font color="FF6600">Feature Properties </font></b>
                             <div id="divFeatureInfo" runat="server">
                             </div>
                         </div>
                         <div id="tabs-2" class="WorkFlowLayout">
                             <b><font color="FF6600">Images</font></b>
                             <div id="ImagesRelatingToFeatureDIV" runat="server">
                             </div>
                         </div>
                     </div>
                     <br />
                     <br />
                     <div class="buttonwrap">
                         <span id="Span6" class="ActionBtns">
                             <asp:Button ID="Button2" runat="server" Style="display: none; visibility: hidden;"
                                 OnClick="ViewFeatureWorkflowImagePostBackBtn_Click" />
                         </span>
                     </div>
 
     </asp:Panel>
     <br />
 
        <telerik:radajaxloadingpanel id="RadAjaxLoadingPanel2" runat="server" skin="Default"></telerik:radajaxloadingpanel>

code behind UpdatePanel8.AjaxRequest;
// UpdatePanel8.ResponseScripts.Add(String.Format("$find('{0}').ajaxRequest();", UpdatePanel8.ClientID));

Rumen
Telerik team
 answered on 12 Aug 2019
1 answer
90 views

Hello, have good time
I have a page where it's a grid.

In this grid one of the columns is hidden where the user ID is and in the other column it fills the user name with another List in the event ItemDataBound
But when grouping it shows the user ID while I need the name to show it.

Aspx

01.<telerik:RadGrid ID="RadGrid1" runat="server" ShowFooter="true" AllowFilteringByColumn="true" GroupingEnabled="true" ShowGroupPanel="True"
02.                ClientSettings-AllowDragToGroup="true" AllowSorting="true" AllowPaging="true" PageSize="5" Skin="WebBlue" AllowMultiRowSelection="false" CellSpacing="-1" GridLines="Both"
03.                OnSelectedIndexChanged="RadGrid1_SelectedIndexChanged" OnPageIndexChanged="RadGrid1_PageIndexChanged" OnItemDataBound="RadGrid1_ItemDataBound">
04.                <ClientSettings EnablePostBackOnRowClick="true">
05.                    <Selecting AllowRowSelect="True" />
06.                    <ClientEvents OnRowCreated="onRowCreated" OnRowSelected="onRowSelected" OnRowDeselected="onRowDeselected"
07.                        OnGridCreated="gridCreated" OnGridCreating="masterTableCreating" />
08.                </ClientSettings>
09.                <GroupingSettings ShowUnGroupButton="true" GroupContinuesFormatString="" />
10.                <MasterTableView ShowGroupFooter="true" AutoGenerateColumns="False" DataKeyNames="Food_User_ID" ClientDataKeyNames="Food_ID_"
11.                    NoMasterRecordsText="اطلاعاتی برای نمایش وجود ندارد">
12.                    <Columns>
13.                        <telerik:GridClientSelectColumn UniqueName="SelectColumn" Visible="true" />
14.                        <telerik:GridTemplateColumn HeaderText="ردیف" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="100px" Groupable="false">
15.                            <ItemTemplate><%# (Container.ItemIndex+1).ToString() %> </ItemTemplate>
16.                        </telerik:GridTemplateColumn>
17.                        <telerik:GridBoundColumn DataField="Food_ID_" Groupable="false" DataType="System.Int32" FilterControlAltText="Filter Food_ID_ column"
18.                            HeaderText="" ReadOnly="True" SortExpression="Food_ID_" UniqueName="Food_ID_" Visible="false" />
19.                        <telerik:GridBoundColumn DataField="Food_Name" Groupable="true" FilterControlAltText="Filter Food_Name column"
20.                            HeaderText="نام" SortExpression="Food_Name" UniqueName="Food_Name" />
21.                        <telerik:GridBoundColumn DataField="Food_Price" Groupable="true" FilterControlAltText="Filter Food_Price column"
22.                            HeaderText="قیمت" SortExpression="Food_Price" UniqueName="Food_Price" DataType="System.Int32" />
23.                        <telerik:GridBoundColumn DataField="Food_Image" Groupable="false" FilterControlAltText="Filter Food_Image column"
24.                            HeaderText="تصویر" SortExpression="Food_Image" UniqueName="Food_Image" />
25.                        <telerik:GridBoundColumn DataField="Food_User_ID" Groupable="false" SortExpression="Food_User_ID"
26.                            HeaderText="" UniqueName="User_ID" DataType="System.Int32" Visible="false" />
27.                        <telerik:GridBoundColumn DataField="Food_User_ID" Groupable="true" FilterControlAltText="Filter Food_User_ID column"
28.                            HeaderText="کاربر" SortExpression="Food_User_ID" UniqueName="UserFLName" DataType="System.Int32" />
29.                        <telerik:GridCheckBoxColumn DataField="Food_Status" Groupable="false" DataType="System.Boolean" FilterControlAltText="Filter Food_Status column"
30.                            HeaderText="وضعیت" SortExpression="Food_Status" UniqueName="Food_Status" />
31.                    </Columns>
32.                </MasterTableView>
33.                <FilterMenu></FilterMenu>
34.                <HeaderContextMenu RenderMode="Classic"></HeaderContextMenu>
35.            </telerik:RadGrid>

 

C#

01.protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
02.        {
03.            if (e.Item is GridDataItem)// to access a row
04.            {
05.                GridDataItem item = (GridDataItem)e.Item;
06.                if (RadGrid1.GroupingEnabled)
07.                {
08.                    item["UserFLName"].Text = LstUser.FindAll(x => x.User_ID_ == int.Parse(item["User_ID"].Text))[0].User_FName + " " + LstUser.FindAll(x => x.User_ID_ == int.Parse(item["User_ID"].Text))[0].User_LName;
09.                }
10.            }
11.}
Attila Antal
Telerik team
 answered on 09 Aug 2019
3 answers
207 views

Hi;

We have a .net webforms page that selects a file via a RadAsyncUpload control (the upload part is working fine).  After the file has been selected and transferred to the server in the background by the async upload, the user clicks a button to begin processing the file in the page's code-behind. 

We had previously created added a ProgressArea to the page, hoping that the communication between the server and the client would prevent the page from timing out during long processes (the processing of a file can take up to 30 minutes).  However, while the ProgressArea worked and was a definite improvement, the page request would still not have the response sent until the entire code-behind processing was complete, and thus the page would hit the http timeout limit (2 mins by default, I believe) before the server was finished processing, and we would get a "System.Web.HttpException (0x80004005): Request timed out." error.  Finally, we ended up just extending that page's timeout to an hour with the code

 

Server.ScriptTimeout = 3600;

in the Page_Load event.

However, our product is available not just hosted on our servers but also as an on-site web application on customers' servers -- this addresses security issues and regulations some of our customers have.  As a result, we do not have full control over the environment in which the software runs.  We've recently had a customer add AWS Cloudfront for content delivery, which has its own timeout settings.  This customer does not wish to set their Cloudfront http timeout to an hour, so our setting on the web application page doesn't matter.

What I am looking for is a way to keep that full response (as initiated by the user clicking the "Process" button) from timing out by keeping the server and client communicating during the processing in such a way as the http timeout doesn't get hit.  If I understand correctly, the ProgressArea sending information back from the server to the client does not "count" as part of the response the page is waiting for, so does not keep the http connection alive to prevent a timeout.

I had previously tried explicitly calling the processing from an ajax post from in a loop on the client, and while I was able to do this, the performance was drastically impacted for the worse.

Is there any way with the ProgressArea, ProgressManager, or some other telerik control to keep an http connection alive for the duration of a long process without having to change the timeout settings of any layer between the client and the web server?

Thanks!

Peter Milchev
Telerik team
 answered on 09 Aug 2019
1 answer
316 views
We're working on optimizing a page and found that it takes a while to download the ScriptResource.axd.  We downloaded this file and would like to use the local version instead of downloading it each time the page loads.  How would I reference the local version instead?
Rumen
Telerik team
 answered on 09 Aug 2019
12 answers
1.5K+ views
Hi,

How do I make the GridNumericColumn display negative numbers in the folowing "$ -40.00" format.  RadNumericTextbox has a NegativePattern, but I'm not able to set a negative pattern in GridNumericColumn.  GridNumericColumn seems to display negative values in "($40.00)" format.

This is annoying.

Thanks,
Brian
Sasp
Top achievements
Rank 1
 answered on 09 Aug 2019
4 answers
173 views

I am trying to change the font size for axes labels from the client. I was able to do so with series labels as follows:

var chart = $find(chartname);
var kw = chart.get_kendoWidget();
kw.options.title.font = kw.options.title.font.replace("16px", "12px");
kw.options.series[2].labels.from.font = kw.options.series[2].labels.from.font.replace("12px", "8px");
kw.refresh();

 

And this works well for the series labels and the title font. However, when trying to change the axis labels in this way:

kw.options.xAxis.labels.font=kw.options.xAxis.labels.font.replace("12px","6px")

 

It does not seem to have any effect. Is this a bug? Or am I going about this the wrong way?

In case anyone is interested, the reason i am doing this is because I am exporting to PDF (with rad export manager) and there does not seem to be a way to scale the content to "fit to page" except changing the content size. (outside of asking the user to check the "fit to page" option when printing the pdf.  

Vessy
Telerik team
 answered on 09 Aug 2019
4 answers
3.6K+ views
How do I wrap contents of long non space text in a RadGrid column?
Please review the attachment.
I tried following code ,it not helping.
Thank you.
<telerik:GridBoundColumn DataField="ShipName" HeaderText="ShipName" SortExpression="ShipName" UniqueName="ShipName"
             <ItemStyle Wrap="false" Width="50px"  /> 
</telerik:GridBoundColumn>
Disposable Hero
Top achievements
Rank 1
Iron
 answered on 08 Aug 2019
3 answers
208 views

Hi,

I am using radscheduler and customizing the colors of Appointments in Day, Week and Month Views, However, in the Year view I am unable to view the appointments days in different colors (depending on what type of appointments are made on that day). In the year view, all days containing appointments are shown in a single color, is there a way to view these days in different colors?

We are against our project deadline so a quick response would be greatly appreciated.

Thanks,

Jalil Akhtar

Peter Milchev
Telerik team
 answered on 08 Aug 2019
14 answers
303 views

Hello,

we have custom versions of Bootstrap skins in application. Everything works almost fine. It is easy to create build framework (with help of Theme Builder) based on source scss files. Then using multiple variables we are generating multiple "Bootstrap skins" for lightweight mode.

But there are 2 version of skin resources. Classic and Lite. When EnableEmbeddedSkins is active, everithings works. Resources are inserted to page and my overrides are aplied. But there are many problems in Ajax requests. Results are not as expected. Many controls are broken without any reason. For example Grid Pager paddings are missing etc.

So I decided to disable embedded skins and build whole Bootstrap skin. Well, then I found it sometimes doesn§t work and many styles are missing. I found, then in original page, both skins are injected - classic then lite. 

So for example - css handler returns \Bootstrap\Grid.Bootstrap.css then \BootstrapLite\Grid.Bootstrap.css

Just look for css selector '.RadGrid_Bootstrap .rgPagerCell .rgPageNext'. It is defined in classic css file but not in lite css. So when classic css is missing, button is invisible.

I'm lost :-) I thought that both versions are different. That I can use lite OR classic. So why in lightweight mode is still classic css required?

So in my build framework I need to build classic css and append lite version to get working Bootstrap skin?

I'm really loking for any explanation about skins, how it works based on renderring mode.

Best Regards

René

Rumen
Telerik team
 answered on 08 Aug 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?