Questions on UI for ASP.NET AJAX Forum

1 answer

848 views

Hi All,

I have RadGrid inside RadWindow, i want to remove border on RadGrid. Any have solution..?

This my RadWindow Code

<telerik:RadWindow ID="RwEmployeeBrowser" runat="server" Modal="true" Width="1200px" Height="550px" KeepInScreenBounds="true" Title="Select Employee">

<ContentTemplate>

<UC:UCEmploye ID="UCEmploye" runat="server" />

</ContentTemplate>

</telerik:RadWindow>

This My RadGridCode

<telerik:RadGrid RenderMode="Lightweight" ID="RgData" PagerStyle-AlwaysVisible="true" runat="server" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" CellSpacing="-1" GridLines="Both" OnPreRender="RgData_PreRender" OnItemCommand="RgData_ItemCommand" OnItemDataBound="RgData_ItemDataBound" OnNeedDataSource="RgData_NeedDataSource">

<GroupingSettings CaseSensitive="false" />

<MasterTableView CommandItemDisplay="Top" Width="100%" AllowMultiColumnSorting="false">

<CommandItemSettings ShowAddNewRecordButton="false" ShowExportToExcelButton="false" ShowRefreshButton="false" />

<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderStyle-Width="2px">

<FilterTemplate>

<asp:ImageButton ID="btnClearFilter" CausesValidation="false" runat="server" ImageUrl="/Style Library/bower_components/Telerik/Delete.gif" AlternateText="Clear Filter"

ToolTip="Clear Filter" OnClick="btnClearFilter_Click" Style="vertical-align: middle" />

</FilterTemplate>

<ItemTemplate>

<asp:LinkButton runat="server" ID="ImgBtn" Text="Select" ForeColor="Blue" CausesValidation="false" CommandName="Select" />

<asp:Label runat="server" ID="lblId" Text='<%# Eval( "PersonId" ) %>' Visible="false"></asp:Label>

<asp:Label runat="server" ID="lblEmpLogin" Text='<%# Eval( "EmployeeLogin" ) %>' Visible="false"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="No" AllowFiltering="false">

<ItemTemplate>

<asp:Label ID="numberLabel" runat="server" />

</ItemTemplate>

<HeaderStyle Width="15px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Left" AutoPostBackOnFilter="true" UniqueName="Un1" FilterControlWidth="100%" DataField="EmployeeNumber" HeaderText="NIK" HeaderStyle-Width="10%" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">

<HeaderStyle Width="10%"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Left" AutoPostBackOnFilter="true" UniqueName="Un2" FilterControlWidth="100%" DataField="EmployeeName" HeaderText="Employee Name" HeaderStyle-Width="30%" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">

<HeaderStyle Width="15%"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Left" AutoPostBackOnFilter="true" UniqueName="Un3" FilterControlWidth="100%" DataField="Position" HeaderText="Position" HeaderStyle-Width="30%" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">

<HeaderStyle Width="25%"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Left" AutoPostBackOnFilter="true" UniqueName="Un4" FilterControlWidth="100%" DataField="DepartmentName" HeaderText="Department" HeaderStyle-Width="30%" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">

<HeaderStyle Width="25%"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-HorizontalAlign="Left" AutoPostBackOnFilter="true" UniqueName="Un5" FilterControlWidth="100%" DataField="CompanyName" HeaderText="Company" HeaderStyle-Width="30%" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">

<HeaderStyle Width="25%"></HeaderStyle>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings Selecting-AllowRowSelect="false" EnablePostBackOnRowClick="false" EnableRowHoverStyle="false">

<Resizing AllowColumnResize="false" ResizeGridOnColumnResize="false" AllowResizeToFit="false" />

</ClientSettings>

<HeaderStyle HorizontalAlign="Center" />

<FilterMenu RenderMode="Lightweight"></FilterMenu>

<HeaderContextMenu RenderMode="Lightweight"></HeaderContextMenu>

</telerik:RadGrid>

Grid

answered on 31 Mar 2020

2 answers

426 views

ViewState error when dynamically loading Telerik controls

I have a page that loads a list of controls based on report criteria. I've been converting some of these controls to Telerik, but I also have some controls that are custom controls. I've narrowed down the issue to when an ASP.NET control (ASP from the dropdown) gets loaded after a Telerik control (Telerik from the dropdown), I get a "Failed to load viewstate" error. It also happens if both controls are Telerik controls, but does not happen if all controls are ASP.NET controls.

DynamicControls.aspx

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="DynamicControls.aspx.vb" Inherits="TestCode.DynamicContrls" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">

</telerik:RadScriptManager>

<asp:DropDownList ID="cboCriteria" runat="server" AutoPostBack="True">

<asp:ListItem>Select a form</asp:ListItem>

<asp:ListItem Value="Telerik">Form With Telerik Control</asp:ListItem>

<asp:ListItem Value="ASP">Form With ASP Control</asp:ListItem>

</asp:DropDownList>

<br />

<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>

<br />

</div>

</form>

</body>

</html>

DynamicControls.vb

Imports Telerik.Web.UI

Public Class DynamicContrls

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

'If Not Session("ControlsCreated") = Nothing Then

CreateControl(cboCriteria.SelectedItem.Value)

'End If

End Sub

Private Sub CreateControl(ControlType As String)

Select Case ControlType

Case "Telerik"

RenderTelerikControls()

Case "ASP"

RenderASPControls()

End Select

Session("ControlsCreated") = True

End Sub

Private Sub RenderTelerikControls()

Dim txtFirst As New RadTextBox

txtFirst.ID = "txtTelerik" & Guid.NewGuid.ToString

PlaceHolder1.Controls.Add(txtFirst)

PlaceHolder1.Controls.Add(New LiteralControl("<BR>"))

End Sub

Private Sub RenderASPControls()

Dim txtFirst As New TextBox

txtFirst.ID = "txtASP" & Guid.NewGuid.ToString

PlaceHolder1.Controls.Add(txtFirst)

PlaceHolder1.Controls.Add(New LiteralControl("<BR>"))

End Sub

Protected Sub cboCriteria_SelectedIndexChanged(sender As Object, e As EventArgs) Handles cboCriteria.SelectedIndexChanged

' For this example, simply reload the page.

End Sub

End Class

General Discussions

answered on 30 Mar 2020

5 answers

205 views

[Solved] Adding   via Insert Symbol is not working

It seems that adding an   via "Insert Symbol" is not working.

We can reproduce this issue on the demo trial: I have downloaded the demo trial as a standalone-application, added the non-breaking space into toolsFile.xm and checked the behavior.

Please see this screencast for more details: https://www.screencast.com/t/J9aB5KdLr

We tried to create a custom ContentFilter that will replace the all zero width space characters to non-breaking space in the content. But that seems not to work as we don't have those zwsp charachters in the content withing the ContentFilter. Tried soluiton based on this post:https://www.telerik.com/forums/zwsp-inserted-into-html-in-chrome

Anyone had this issue before and found a solution?

General Discussions

answered on 30 Mar 2020

4 answers

142 views

[Solved] RadScheduler: Abcent seconds in start/end data

[Appointment Object] args.get_appointment().get_start() & args.get_appointment().get_end() functions gives "00" seconds at that time on create appointment user put the custom seconds and edit view shows that. Could you help with this occasion?

Scheduler

answered on 30 Mar 2020

3 answers

825 views

not showing on bootstrap modal

I have a web form where the progressarea works fine but as soon as I show that form inside a bootstrap modal, it does not display. The server side code is still being triggered. I am using version 2013.2.717.35.

ProgressArea

answered on 30 Mar 2020

2 answers

436 views

Changing Item CssClass

I am using a Telerik RadGrid with ASP.Net 4.0 and Visual Studio 2010.

I am trying to tweak the CssClass for an ItemStyle based on a database field that has a status code. I want to use R_STATUS_X to set the item to use the CSS style "status_N" where N is the value in R_STATUS_X . I tried "<ItemStyle CssClass='Status_<%# DataBinder.Eval("R_STATUS_1") %>'></ItemStyle>" but it did not evaluate "R_STATUS_1" and instead replaced it with
<td class=".Status_<%# DataBinder.Eval("R_STATUS_X") %>" align="right" style="white-space:nowrap;">

Hmm, It looks like if I edit the ASPX page while debugging, this works, but if I recompile, it does not. Is there something that the component is doing at compile time to stop this and if so, is there a way to force it to work?

I am trying:
   <telerik:RadGrid ID="RadGrid2" runat="server" width="99%" AllowPaging="True"
   AllowSorting="True" GridLines="None" ShowStatusBar="True"
   AutoGenerateColumns="False" OnItemDataBound="RadGrid1_ItemDataBound"
   OnNeedDataSource="RadGrid2_NeedDataSource"
   AllowCustomPaging="True" EnableLinqExpressions="False" Skin="WebBlue"
   HorizontalAlign="Center">
   <ClientSettings AllowColumnsReorder="True">
   <Scrolling AllowScroll="True" UseStaticHeaders="False" />
   </ClientSettings>
   <MasterTableView>
   <CommandItemSettings ExportToPdfText="Export to Pdf" ShowExportToPdfButton="True">
   </CommandItemSettings>
   <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
   </RowIndicatorColumn>
   <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
   </ExpandCollapseColumn>
   <Columns>

   <telerik:GridBoundColumn DataField="R_VAL_1" HeaderText="R_VAL_1" EmptyDataText="-" >
   <HeaderStyle CssClass="headerstyle"></HeaderStyle>
   <ItemStyle HorizontalAlign="Right" Wrap="False" BorderWidth="5px"
   CssClass='SomeGeneralCss Status_<%# DataBinder.Eval("R_STATUS_1") %>'></ItemStyle>
   </telerik:GridBoundColumn>

</Columns>

Grid

answered on 30 Mar 2020

1 answer

509 views

Submenu is closing automatically when mouse over to different parent menu item in radmenu even though click to open is set to Yes

I am using RadMenu Control in my page. I have set Click to Open as "Yes". So Ideally the sub-menu should open and close only when I click on parent menu item. Below is the behavior that I got:

1) When it loads the page and when I mouse over to parent menu item 1(My Profile). It does not open the sub-menu which behaves correct as I set Click to open "Yes"
2) Now click on parent menu item 1(My Profile) and it will open sub menu(Profile and Sign Out).
3) Now when I mouse over to parent menu item 2(Messages), my sub menu(Profile and Sign Out) closes which should not happen as I set click to open as "Yes". so it should only open and close only when I click on parent menu item 1(My Profile) or close the sub-menu if I click outside of parent menu item 1(My Profile)
4) Now when I mouse over back to parent menu item 1(My Profile), it opens the sub-menu again. It should only open when I click on parent menu item 1(My Profile).

So basically, on step 3 it should keep the sub-menu open on mouse over to parent menu item 2(Messages). Just to know the sub-menu is closing only on mouse over to parent menu item 2(Messages). In my actual project I have some different components as well and it does not close the sub-menu on mouse over to those components.

Required HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<telerik:RadMenu ID="RadMenu1" runat="server" ClickToOpen="True">
<Items>
<telerik:RadMenuItem runat="server" Text="My Profile">
<Items>
<telerik:RadMenuItem runat="server" Text="Profile">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Sign Out">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Messages">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
</div>
</form>
</body>
</html>

Menu

answered on 30 Mar 2020

1 answer

190 views

Math Symbols like WIRIS

Hello,

Is there any Math Symbols like WIRIS that could be integrated with RadEditor? I have searched the web for a week with no luck.

Or is the WIRIS fully supported?

Many thanks,

Zeyad.

Editor

answered on 30 Mar 2020

5 answers

201 views

Loose custom javascript after expand/collapse

Hello Telerik team,

I bound dblclick events on each tasks of my radgantt. This binding is made in the PageLoad function of the .aspx page which contains the radgantt.

This event allow the user to display a custom popup rather than the default one.

But I noticed that the execution don't go in my custom JavaScript code (and don't throw the dblclick event or anything else) as soon as I click on the expand/collapse button on a task.

I need that the execution go in my custom JavaScript code even if I click on the expand/collapse buttons.

Is it possible ?

Thanks in advance,

Best reagrds

Gantt

answered on 29 Mar 2020

1 answer

354 views

[Solved] RadTreeList Filtering

Hi,

I am working on a project where I am using RadTreeList as a control(creating it programmatically from .cs file).
I am trying to implement excel like filtering on the column headers but I couldn’t find a straight example/resource which guides me to do so.
I found a link which has a similar usage in kendo MVC.
https://demos.telerik.com/aspnet-mvc/dialog/treelist-integration

Is there a way we could implement this or a similar excel filter with RadTreeList?
I want to avoid using a separate control of RadFilter as demo shows on the website.
https://demos.telerik.com/aspnet-ajax/treelist/examples/integration/filteringwithradfilter/defaultcs.aspx?product=treelist

Thanks in advance for the help,

Swanand Nalawade

TreeList

answered on 27 Mar 2020