Is it possible to rebind the tasks from client side?
Also to close the appointment-tooltip?
Hello
I am working with a line chart and currently I can only set the same type of marker for each data point as the blue line, but I need to set a different type of markers for each data point as the red line. How can I do it?
Dear Support Team and Community,
I have a trouble with the expansion of image properties in the ImageManager.
I would like to add more properties (eg. data-pre, data-post) beside the Telerik's default properties (Alt Text, Long Description, etc...).
Furthermore, I also would like to add the mentioned properties into the panel when I right click on the inserted image in the content of the RadEditor.
Would you help me to solve this problem or send me the relevant references or tutorials.
Thank you so much.
Best regards,
VoVo
Hi,
we have a solution where users can mark locations to architectual drawings simply by clicking the location on the drawing.
Everything works fine with desktop browsers, but not with an Android devices. The problem with Android is that does not get X and Y cordinates.
Click event is fired even with an Adroid but no cordinates.
Please see sample script below:
<script type="text/javascript">
var imageEditor;
function onImageLoad(sender, args) {
imageEditor = sender;
$telerik.$(imageEditor.get_viewport()).on("click", function (e) {
var statusBar = imageEditor._statusBar;
var posX = statusBar.get_coorX().innerText;
var posY = statusBar.get_coorY().innerText;
})
}
</script>
Greetings!
I'm using the demo of the basic Split Button's functionality as found in https://demos.telerik.com/aspnet-ajax/button/examples/splitbutton/defaultvb.aspx as the basis of my solutin / question.
I have a need for the right edge of the ContextMenu to be in line with the right edge of the SplitButton. My ContextMenu items are being loaded dynamically depending on certain conditions of the state of the form.
I have tried the following adaptation of the display function:
function
btnWFlowSplitClicked(sender, args) {
if
(args.IsSplitButtonClick() || !sender.get_commandName()) {
var
currentLocation = $telerik.getBounds(sender.get_element());
var
contextMenu = $find(
"<%= ctxWFlowSplit.ClientID %>"
);
var
ctxSize = $telerik.getBounds(contextMenu.get_element());
//alert('split x:' + currentLocation.x + ' w:' + currentLocation.width);
//alert('ctx w:' + ctxSize.width);
var
ctx_x = ctxSize.width - (currentLocation.x + currentLocation.width);
//alert('ctx_x:' + ctx_x);
contextMenu.showAt(ctx_x, currentLocation.y + currentLocation.height);
}
}
... but the value "ctxSize.width" keeps being set to 0 , which makes the context menu x position equal to a negative number, and unusable!
Does anyone have any ideas?
Thanks in advance
I've implemented the GanttCustomProvider to give me more properties on the task - using a project supplied by a kind persons at Telerik, think it was Peter Milchev .
However the GetTasks function in the GanttCustomProvider.vb needs to take into account filters specified by a RadComboBox on the calling page however I don't seem to be able to get to that control.
Regards
Steve
hi,
we are creating the line chart using the below code when i create the line chart side by side line are missing in one of the chart sometimes. below is the code used to build the line chart attached are the images of the line chart. Please help.
<
rad:RadAjaxPanel
ID
=
"AjaxDetails"
runat
=
"server"
ClientEvents-OnResponseEnd
=
"afterAjax"
LoadingPanelID
=
"LoadingPanel1"
><
br
> <
asp:Label
ID
=
"lblError"
runat
=
"server"
Visible
=
"false"
ForeColor
=
"Red"
Font-Bold
=
"true"
style
=
"margin-left:8px;"
/><
br
> <
table
width
=
"908px"
cellpadding
=
"0"
cellspacing
=
"0"
border
=
"0"
style
=
"margin-left:8px;"
><
br
> <
tr
><
br
> <
td
class
=
"fieldNameBefore formcol_3"
><
dash:LocResource
ID
=
"LocResource5"
ResourceName
=
"FlyingTitle"
runat
=
"server"
/>:</
td
><
br
> <
td
class
=
"fieldNameInsider formcol_2"
colspan
=
"3"
><
asp:TextBox
ID
=
"txtTitle"
runat
=
"server"
Text
=
""
style
=
"width:740px"
/></
td
><
br
> </
tr
><
br
> <
tr
><
br
> <
td
class
=
"fieldNameBefore formcol_4"
><
dash:LocResource
ID
=
"LocResource111"
ResourceName
=
"Product"
runat
=
"server"
/>:</
td
><
br
> <
td
class
=
"fieldNameInsider formcol_5"
><
br
> <
rad:RadComboBox
ID
=
"selProduct"
runat
=
"server"
Skin
=
"Vista"
Width
=
"250px"
<br> Height="200" ExpandAnimation-Type="None" CollapseAnimation-Type="None"<
br
> AllowCustomText="false" <
br
> DataTextField="ProductName"<
br
> DataValueField="ProductId"<
br
> OnClientSelectedIndexChanged="productSelect"<
br
> AppendDataBoundItems="true"><
br
> <
Items
><
br
> </
Items
><
br
> </
rad:RadComboBox
><
br
> <
asp:TextBox
ID
=
"txtProductName"
runat
=
"server"
Text
=
""
style
=
"width:250px"
Visible
=
"false"
ReadOnly
=
"true"
/><
br
> </
td
><
br
> <
td
class
=
"fieldNameBefore formcol_4444"
><
dash:LocResource
ID
=
"LocResource77"
ResourceName
=
"Active"
runat
=
"server"
/>:</
td
><
br
> <
td
class
=
"fieldNameInsider formcol_45555"
><
br
> <
asp:CheckBox
ID
=
"chkActive"
runat
=
"server"
/><
asp:TextBox
runat
=
"server"
ID
=
"txtActive"
ReadOnly
=
"true"
Visible
=
"false"
CssClass
=
"readOnlyText"
></
asp:TextBox
><
br
> </
td
><
br
> </
tr
><
br
> <
tr
><
br
> <
td
class
=
"fieldNameBefore formcol_3"
><
dash:LocResource
ID
=
"LocResource99"
ResourceName
=
"TemplatePreview"
runat
=
"server"
/>:</
td
><
br
> <
td
class
=
"fieldNameInsider formcol_2"
colspan
=
"3"
><
br
> <
div
id
=
"divTemplatePreview"
class
=
"previewTextArea"
runat
=
"server"
style
=
"width:735px;margin-bottom:5px;height:230px;overflow:scroll;"
></
div
><
br
> </
td
><
br
> </
tr
><
br
></
rad:RadAjaxPanel
><
br
><
div
id
=
"divCommunicationOuter"
runat
=
"server"
visible
=
"false"
><
br
> <
div
class
=
"formSubSectionName"
><
dash:LocResource
ID
=
"LocResource111111"
ResourceName
=
"FlyingCommunications"
runat
=
"server"
/></
div
><
br
> <
div
id
=
"divCommunicationList"
style
=
"margin-right:8px;width:400px;height:300px;overflow:hidden;float:left;"
><
br
> <
rad:RadAjaxPanel
runat
=
"server"
ID
=
"ActivityListPanel"
LoadingPanelID
=
"LoadingPanel2"
ClientEvents-OnResponseEnd
=
"selectFirstCommunication"
><
br
> <
rad:RadGrid
ID
=
"GridCommunication"
Skin
=
"Vista"
<br> EnableEmbeddedSkins="false"<
br
> AllowSorting="False"<
br
> ShowFooter="False" <
br
> EnableAJAX ="true"<
br
> ShowHeader="False"<
br
> AllowPaging="False" <
br
> AutoGenerateColumns="false"<
br
> runat="server"<
br
> GridLines="Both"<
br
> Width="400px"<
br
> ><
br
> <
MasterTableView
ClientDataKeyNames
=
"FlyingCommunicationId"
Width
=
"400px"
><
br
> <
Columns
><
br
> <
rad:GridTemplateColumn
UniqueName
=
"TemplateColumn"
ItemStyle-CssClass
=
"activityRow"
><
br
> <
ItemStyle
Width
=
"350"
/><
br
> <
ItemTemplate
><
br
> <
span
style
=
"font-weight:bold;"
>1</
span
><
br
/><
br
> <
span
style
=
"width:350px; overflow:hidden"
>2</
span
><
br
> </
ItemTemplate
><
br
> </
rad:GridTemplateColumn
><
br
> </
Columns
><
br
> </
MasterTableView
><
br
> <
ClientSettings
><
br
> <
Scrolling
AllowScroll
=
"true"
ScrollHeight
=
"300px"
></
Scrolling
><
br
> <
Selecting
AllowRowSelect
=
"true"
></
Selecting
><
br
> <
ClientEvents
OnRowSelected
=
"communicationSelected"
OnGridCreated
=
"communicationLoaded"
/><
br
> </
ClientSettings
><
br
> </
rad:RadGrid
><
br
> <
div
style
=
"display:none;"
><
br
> <
asp:Button
ID
=
"btnRefreshCommunicationList"
runat
=
"server"
OnClick
=
"LoadCommunicationList"
/><
br
> <
asp:TextBox
ID
=
"txtFlyingIDComm"
runat
=
"server"
style
=
"display:none"
/><
br
> </
div
><
br
> </
rad:RadAjaxPanel
><
br
> </
div
><
br
> <
rad:RadToolBar
Skin
=
"Vista"
runat
=
"server"
ID
=
"ToolbarCommunication"
OnClientButtonClicked
=
"toolbar_handler"
style
=
"width:526px;"
EnableEmbeddedSkins
=
"false"
><
br
> <
Items
><
br
> <
rad:radtoolbarbutton
Tooltip
=
"Add Communication"
Value
=
"newcommunication"
CommandName
=
"newcommunication"
Text
=
"Add Communication"
ImageUrl
=
"~/images/toolbar/2.png"
/><
br
> <
rad:radtoolbarbutton
Enabled
=
"false"
Tooltip
=
"Edit Communication"
Value
=
"editcommunication"
CommandName
=
"editcommunication"
Text
=
"Edit Communication"
ImageUrl
=
"~/images/toolbar/3.png"
/><
br
> </
Items
><
br
> </
rad:RadToolBar
><
br
> <
div
id
=
"divCommunicationDetail"
style
=
"width:526px;height:300px;overflow:scroll;float:left;"
><
br
> <
rad:RadXmlHttpPanel
runat
=
"server"
ID
=
"CommunicationDetailPanel"
OnServiceRequest
=
"LoadCommunication"
LoadingPanelID
=
"LoadingPanel2"
Value
=
""
><
br
> <
div
id
=
"divCommunicationDetailInner"
runat
=
"server"
style
=
"padding:5px;"
><
br
> </
div
><
br
> <
asp:TextBox
ID
=
"txtFlyingCommunicationID"
runat
=
"server"
style
=
"display:none;"
/><
br
> </
rad:RadXmlHttpPanel
><
br
> </
div
><
br
> <
div
style
=
"clear:both"
></
div
><
br
></
div
><
br
><
br
><
rad:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
><
br
> <
AjaxSettings
><
br
> <
rad:AjaxSetting
AjaxControlID
=
"btnUpdateList"
><
br
> <
UpdatedControls
><
br
> <
rad:AjaxUpdatedControl
ControlID
=
"gridFlyings"
LoadingPanelID
=
"LoadingPanel1"
/><
br
> </
UpdatedControls
><
br
> </
rad:AjaxSetting
><
br
> <
rad:AjaxSetting
AjaxControlID
=
"btnLoadPreview"
><
br
> <
UpdatedControls
><
br
> <
rad:AjaxUpdatedControl
ControlID
=
"divTemplatePreview"
LoadingPanelID
=
"LoadingPanel2"
/><
br
> </
UpdatedControls
><
br
> </
rad:AjaxSetting
><
br
> </
AjaxSettings
><
br
></
rad:RadAjaxManager
>
I use AjaxUpdatedControl to update divTemplatePreview with LoadingPanel2. But the resulting HTML codes contain duplicate <div> for id = ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel as follows.
<
p
><
div
class
=
"RadAjaxPanel"
id
=
"ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel"
style
=
"display: block;"
><
br
> <
div
id
=
"ctl00_ContentArea_divTemplatePreview"
class
=
"previewTextArea"
style
=
"width:735px;margin-bottom:5px;height:230px;overflow:scroll;"
></
div
><
br
> </
div
></
p
><
p
></
p
><
p
><
div
class
=
"RadAjaxPanel"
id
=
"ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel"
></
div
></
p
>
Hi, I'm new to telerik controls. I'm trying to implement auto filter option in the telerik radgrid
<telerik:RadGrid ID="rgDashboard" ShowStatusBar="true" runat="server" AllowFilteringByColumn="true"
AutoGenerateColumns="False" AllowSorting="true" OnNeedDataSource="RadGrid1_NeedDataSource"
onsortcommand="rgDashboard_SortCommand" AllowPaging="true" PageSize="200">
<GroupingSettings CaseSensitive="false" />
<PagerStyle Mode="NumericPages" Position="TopAndBottom" ShowPagerText="false"> </PagerStyle>
<MasterTableView HeaderStyle-CssClass="goalGridHeader TableHeader" AllowFilteringByColumn="true">
<Columns>
<telerik:GridBoundColumn DataField="Center" HeaderText="Center Name"
AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
ShowFilterIcon="false" />
<telerik:GridBoundColumn DataField="Instructor" HeaderText="Instructor Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
ShowFilterIcon="false" />
<telerik:GridBoundColumn DataField="CenterID" HeaderText="Center ID" AllowFiltering="false"/>
<telerik:GridTemplateColumn HeaderText="" AllowFiltering="false">
<ItemTemplate>
<asp:LinkButton ID="lnkEdit" Text="View" CssClass="btn btn-view btn-sm" OnClick="lnkEdit_OnClick" runat="server" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
In code behind, I have filldata which binds the data to radgrid
private void filldata()
{
DataSet ds = new DataSet();
ds = gdh.GetCentersByFC(UserName, Admin, Email);
try
{
if ((ds != null) && (ds.Tables.Count > 0) && (ds.Tables[0].Rows.Count > 0))
{
lbldispBranch.Text = ds.Tables[0].Rows[0]["Branch"].ToString();
// lblLoggedInUser.Text = ds.Tables[0].Rows[0]["FCName"].ToString();
}
rgDashboard.DataSource = ds;
rgDashboard.DataBind();
}
catch (Exception ex)
{
GeneralHelper.LogFile(ex);
}
}
protected void rgDashboard_SortCommand(object sender, GridSortCommandEventArgs e)
{
filldata();
}
protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
filldata();
}
I'm able to get the desired results, but getting below error after filter RadGrid1_NeedDataSource executes
Telerik.Web.UI.GridBindingException: You should not call DataBind in NeedDataSource event handler. DataBind would take place automatically right after NeedDataSource handler finishes execution.
at Telerik.Web.UI.RadGrid.DataBind()