Telerik Forums
UI for ASP.NET AJAX Forum
6 answers
335 views

Hi,

I have used teleric RadGrid inside the RadAjaxPanel somehow the pagination is NOT working. I'm NOT sure why it is working over the integration server. I have seen the versions of the dlls and both are same.
Please let me know if you have any idea.

Thanks in Advance, Pravin

I'm using  following code-

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" >

<telerik:RadGrid runat="server" ID="grdEmployee" Width="100%" DataSourceID="objEmpSource"
                PageSize="5" EnableAjaxSkinRendering="true" AllowPaging="True" AutoGenerateColumns="False"
                EnableEmbeddedSkins="false" OnItemDataBound="grdEmployeeItemDataBound">
                <MasterTableView CommandItemDisplay="None" ShowHeader="false" DataSourceID="objEmpSource">
                    <Columns>
                        <telerik:GridBoundColumn DataField="Name" FilterControlAltText="Name"
                            HeaderText="Name" SortExpression="Name" UniqueName="Name">
                        </telerik:GridBoundColumn>
                    </Columns>
                    <PagerStyle Mode="NextPrev" />
                </MasterTableView>
                <FilterMenu EnableImageSprites="False">
                </FilterMenu>
                <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_WebBlue">
                </HeaderContextMenu>
            </telerik:RadGrid>
        </telerik:RadAjaxPanel>

Marin Bratanov
Telerik team
 answered on 25 Oct 2018
2 answers
193 views

I got an web application with a RadWindowManager.

That windows calls a function named "cerrarVentanaEstatica" when I close windows. This code clear various items in parent page (default.aspx).

The functionality works fine, but when I press ALT+TAB sometimes (we only use Internet Explorer), not always work correctly, don't close window, can't move or maximize or minimize. This too occurs when I open more than one window.

I don't know what's the problem, but not always occurs.

Default.aspx

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
    <telerik:RadWindowManager ReloadOnShow="true" ID="TRKadministradorVentanas" runat="server"
        OffsetElementID="OffsetImage" Width="400px" Height="600px"
        Behaviors="Default" DestroyOnClose="True" InitialBehaviors="None"
        Top="" VisibleStatusbar="False" ShowOnTopWhenMaximized="false"
        ShowContentDuringLoad="False" Localization-Cancel="Cancelar" Localization-Close="Cerrar"
        Localization-Maximize="Maximizar" Localization-Minimize="Minimizar" Localization-PinOff="Quitar fijar"
        Localization-PinOn="Fijar" Localization-Reload="Recargar" Localization-Restore="Restaurar" Localization-Yes="Si" Opacity="100"
        OnClientCommand="OnClientCommand">
        <Windows>
            <telerik:RadWindow
                ID="TRKventana"
                runat="server">
            </telerik:RadWindow>
            <telerik:RadWindow ID="multiobjetos" Title="Búsqueda Multiobjeto" runat="server" DestroyOnClose="false" Width="935" Height="600" OnClientClose="cerrarVentanaEstatica" NavigateUrl="~/pages/consultas/busqueda_multiobjeto.aspx"></telerik:RadWindow>
 
            <telerik:RadWindow ID="productos" Title="Búsqueda de Productos" runat="server" DestroyOnClose="false" Width="935" Height="560" OnClientClose="cerrarVentanaEstatica" NavigateUrl="~/pages/consultas/busqueda_productos.aspx"></telerik:RadWindow>
            <telerik:RadWindow ID="albumes" Title="Búsqueda de Álbumes" runat="server" DestroyOnClose="false" Width="935" Height="560" OnClientClose="cerrarVentanaEstatica" NavigateUrl="~/pages/consultas/busqueda_albumes.aspx"  ></telerik:RadWindow>
            <telerik:RadWindow ID="peticiones" Title="Búsqueda de Peticiones" runat="server" DestroyOnClose="false" Width="935" Height="560" OnClientClose="cerrarVentanaEstatica" NavigateUrl="~/pages/consultas/busqueda_peticiones.aspx?tipoObjeto=PETICION" ></telerik:RadWindow>
             
        </Windows>
    </telerik:RadWindowManager>   
</telerik:RadAjaxPanel>

 

function cerrarVentanaEstatica(e) {
   cerrarVentana(e._name);
}

 

forms.js

function cerrarVentana(id) {
    //code for delete any items on parent
}

 

Thanks.

Marin Bratanov
Telerik team
 answered on 25 Oct 2018
1 answer
542 views

I have radcombobox with multiple selection of check boxes, by unchecking a checkbox i am trying to hide a div which has radgrids inside. And further making  the user to click on a button to show the div again with the remaining selected radcombobox items and bind radgrid data depending upon the selection. I have tried the following code with the given telerik discussion https://www.telerik.com/forums/no-check-uncheck-all-event 

But the div is still visible. Is there any way to hide the div ? Please correct me if i understood it wrong . Thanks. !

function OnClientItemChecked(sender, args) {
            var check = true;
            var uncheck = true;
            var checkedItems = sender.get_checkedItems().length;
            var c = sender.get_items().get_count();
            for (var i = 0; i < sender.get_items().get_count(); i++) {
                if (!sender.get_items()._array[i].get_checked()) {
                    check = false;
                }
                if (sender.get_items()._array[i].get_checked()) {
                    uncheck = false;
                }
            }
            if (check) {
                        }
            if (uncheck) {
                    document.getElementById('<%=divGrids.ClientID%>').style.display = 'none';
            }
        }

Marin Bratanov
Telerik team
 answered on 25 Oct 2018
1 answer
97 views

Is there any way to change the template based on a item count in any way?

have a scenario where i need to create a grid system where every 12e item has a different layout altoghether.

 

Someone surely must have had this come about at some point and not to familiular with the listview control. 

 

Christian

Marin Bratanov
Telerik team
 answered on 25 Oct 2018
4 answers
417 views
Hi all,

I call a RadWindow which contain an user control (frmEditSteps)

Parent Page:
<telerik:RadWindowManager ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="false"
          ReloadOnShow="true" runat="server" EnableShadow="true">
        <Windows>
            <telerik:RadWindow ID="RadWindow1" runat="server" Skin="Telerik" Behaviors="Close, Move" Modal="true" AutoSize="true" >
                <ContentTemplate>
                    <uc1:frmEditSteps runat="server" id="frmEditSteps" />  //My User Control
                </ContentTemplate>
            </telerik:RadWindow>
        </Windows>
</telerik:RadWindowManager>

After that, I close the RadWindow1 by clicking a button in user control. But it doesn't work.
User control frmEditSteps
<button title="Submit" id="close" onclick="ClosePopcmn(); return false;">Submit</button>
<script type="text/javascript">
    function GetRadWindow() {
        var oWindow = null;
        if (window.radWindow) oWindow = window.radWindow;
        //else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;        
        return oWindow;
    }

    function ClosePopcmn() {        
        var oWnd = GetRadWindow();
        oWindow.close(); --------------------------> It doesn't work??????      
    }    
</script>
I don't know why.
But when I run Website on Internet Explorer, it generate an error at oWindow.close()
That error is: 0x800a138f - JavaScript runtime error: Unable to get property 'close' of undefined or null reference

Please help me.
Marin Bratanov
Telerik team
 answered on 25 Oct 2018
1 answer
120 views

Hello,

Is it possible for the dialog's (link manager, image manager etc) of a RadEditor to use a different skin to the editor. 

I've got my default skin set in my Web.Config file. I then tried to override certain controls within the Web.Config file but they only seem to work when the controls are directly on the page. 

    <add key="Telerik.Skin" value="{CustomSkinName}" />
    <add key="Telerik.FileExplorer.Skin" value="{CustomSkinName}" />

 

Is it possible to do what I'm after?

I have tried to use a "DialogsCssFile" but that brings in other issues, for example for the RadEditor styling completely messes up as class names have changed.

"RadEditor RadEditor_{CustomSkinName}" becomes "RadEditor {CustomSkinName}"

Amongst many other problems.

Rumen
Telerik team
 answered on 25 Oct 2018
6 answers
132 views
Our manager likes the font in the WebBlue Skin.  How can I find out what Font that is so I can use it for all of my non Telerik Controls/pages?

Thanks
Rumen
Telerik team
 answered on 25 Oct 2018
2 answers
725 views

I'm attempting to get the value of a cell in a selected row of a grid, and populate a textbox with it.  I'm using the example from the Telerik documentation, so most likely I'm failing to properly assign the value from the cell to the textbox.

Grid and textbox markup:

<telerik:RadGrid runat="server" ID="rgAdList" DataSourceID="sdsRgAdList" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True" AllowFilteringByColumn="True" ShowGroupPanel="True" OnSelectedIndexChanged="rgAdList_OnSelectedIndexChanged">
        <ClientSettings AllowDragToGroup="True" AllowColumnsReorder="True" ReorderColumnsOnClient="True">
            <Selecting AllowRowSelect="True"></Selecting>
            <ClientEvents OnRowSelected="RowSelected"></ClientEvents>
        </ClientSettings>
        <MasterTableView DataKeyNames="mail" DataSourceID="sdsRgAdList">
            <Columns>
                <telerik:GridBoundColumn DataField="givenName" HeaderText="First Name" SortExpression="givenName" UniqueName="givenName" FilterControlAltText="Filter givenName column" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="sn" HeaderText="Last Name" SortExpression="sn" UniqueName="sn" FilterControlAltText="Filter sn column" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="mail" ReadOnly="True" HeaderText="Email" SortExpression="mail" UniqueName="mail" FilterControlAltText="Filter mail column" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="department" HeaderText="Department" SortExpression="department" UniqueName="department" FilterControlAltText="Filter department column" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="manager" HeaderText="Manager" SortExpression="manager" UniqueName="manager" FilterControlAltText="Filter manager column" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>
     
    <br/><br/>
    <asp:TextBox runat="server" ID="mgrtxt"></asp:TextBox>

 

Here is the js:

<script type="text/javascript">
    function RowSelected(sender, eventArgs) {
        var grid = sender;
        var MasterTable = grid.get_masterTableView();
        var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
        var cell = MasterTable.getCellByColumnUniqueName(row, "manager").innerHTML;
        var mgrval = document.getElementById('<%= mgrtxt.ClientID %>');
        mgrval.Text = cell;
    };
</script>

 

How can I get the value of the selected row in the "manager" column into the "mgrtxt" textbox?

Jerald
Top achievements
Rank 1
 answered on 24 Oct 2018
4 answers
212 views

     Hello, 
I have been trying to get the Row Header Width for the scheduler to be lower than the default.

The problem is that when it is lower, the column doesn't have a border for the cell, the hours run out of the cell, and the first cell for the hours (the rsSpacerCell) is sized incorrectly. This carries over with the exportToPdf function too, showing these errors on the PDF document, but they are much more prominent in the PDF version than the web page version, due to page sizes. 
I surmise that fixing the one on the page will fix the PDF document as well.

 

01.<telerik:RadScheduler
02.    ID="Timetable"
03.    runat="server"
04.    CustomAttributeNames="Courses,Lecturers,Description,EventType,Groups,Rooms,TimeSlot"
05.    DataKeyField="EventSlotID"
06.    DataSubjectField="Rooms"
07.    DataStartField="StartDate"
08.    DataEndField="EndDate"
09.    EnableCustomAttributeEditing="true"
10.    DayEndTime="21:00:00"
11.    FirstDayOfWeek="Monday"
12.    LastDayOfWeek="Friday"
13.    SelectedView="WeekView"
14.    AllowDelete="False"
15.    AllowEdit="False"
16.    AllowInsert="False"
17.    ReadOnly="True"
18.    Height="100%"
19.    ShowFooter="true"
20.    HoursPanelTimeFormat="H:mm"
21.    TimeLabelRowSpan="4"
22.    MinutesPerRow="15"
23.    RowHeight="24px"
24.    ShowAllDayRow="False"
25.    AppointmentStyleMode="Default"
26.    ShowHeader="true"
27.    Culture="en-GB"
28.    MinimumInlineFormWidth="200"
29.    MinimumInlineFormHeight="200"
30.    Font-Size="Small"
31.    RowHeaderWidth="70px"
32.    OnNavigationComplete="Timetable_NavigationComplete"
33.    >
34. 
35.    <ExportSettings OpenInNewWindow="true" FileName="Timetable">
36.        <Pdf
37.             
38.             Title="Timetable"
39.            Subject="Timetable"
40.            PageRightMargin="10px"
41.            PageLeftMargin="10px"
42.            PaperSize="A4"
43.            AllowPrinting="true"
44.            AllowPaging="true"
45.            PageTitle="Timetable view"
46.            PaperOrientation="Portrait"
47.            StyleSheets="/css/export.css"
48.            />
49.    </ExportSettings>

 

01.html, body, form {
02.    margin: 0;
03.    height: 100%;
04.}
05..RadScheduler {
06.    height: 600px;
07.    width: 100%;
08.}
09. 
10..rsContentScrollArea {
11.    overflow-y: scroll;
12.}
13. 
14..row {
15.    margin: 0px;
16.    padding: 0px;
17.}
18..bg_color {
19.    background-color: #1dbeef;
20.}
21..page-header {
22.    color: white;
23.    margin-bottom: 1rem;
24.    border-bottom: 2px solid black;
25.    padding: 12px 25px 0px 25px;
26.    margin-bottom: 11px;
27.}
28. 
29..borderedGroup {
30.    border: 1px solid black;
31.    padding-top: 5px;
32.    padding-bottom: 5px;
33.    background-color: gainsboro;
34.    height: 100%;
35.}
36. 
37..center-children {
38.    display: flex;
39.    justify-content: center;
40.    align-items: center;
41.}
42. 
43..buttonType {
44.    width: 100%
45.}
46. 
47..removePadding {
48.    padding: 0 0 0 0;
49.}
50. 
51..TimetableContainer {
52.    margin-bottom: 2rem;
53.}
54. 
55..row1 {
56.    margin-bottom: 11px;
57.}
58. 
59..w100 {
60.    width: 100%;
61.}
62. 
63..font14 {
64.    font-size: 16px;
65.}
66. 
67..rsHeader {
68.    background-color: #25a0da;
69.}
70. 
71..hide {
72.    visibility: hidden !important;
73.    display: none !important;
74.}
75..align-low {
76.    align-items: flex-end;
77.    align-self: flex-end;
78.}
79..removeLeftPadding{
80.    padding-left:0px;
81.}
82..fillPage {
83.    height:calc(100vh - 100px);
84.}
85..appt {
86.    padding-right:10px !important;
87.}
88..rddlDisabled{
89.    color:lightgrey !important;
90.    opacity:1 !important;
91.}
92. 
93..RadScheduler .rsVerticalHeaderWrapper {
94.    text-align: center !important;
95.}

Many regards, Megan

 

Peter Milchev
Telerik team
 answered on 24 Oct 2018
3 answers
404 views

Hello,

I believe this question has been asked a number of times in the past, but I haven't found a recent answer.

One of our clients has asked if we can hide Saturday and Sunday from the RadScheduler views such that we only display Monday to Friday.

Has RadScheduler been modified to support this ?

Also, is it possible to 'shrink' the size of the scheduler content such that it is possible to see a whole day in the vertical day and week views ?

Thankyou

Graham Plowman

Peter Milchev
Telerik team
 answered on 24 Oct 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?