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
<
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>}
<
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
>
// UpdatePanel8.ResponseScripts.Add(String.Format("$find('{0}').ajaxRequest();", UpdatePanel8.ClientID));
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.
}
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!
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.
<
telerik:GridBoundColumn
DataField
=
"ShipName"
HeaderText
=
"ShipName"
SortExpression
=
"ShipName"
UniqueName
=
"ShipName"
>
<
ItemStyle
Wrap
=
"false"
Width
=
"50px"
/>
</
telerik:GridBoundColumn
>
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
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é