Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
121 views

When I have a RadDatePicker on a page that has Enabled = "false", the rendering causes an increased page size. Making it enabled again makes the problem go away.

Further more, if I make the dateinput portion of the raddatepicker invisible, the problem goes away.

Using Telerik 2012.1.215.40.

Here's the markup

<telerik:RadDatePicker ID="RadDateStart" Width="180px" EnableTyping="false" runat="server" EnableEmbeddedSkins="true" Enabled="false">
    <Calendar ID="Calendar1" UseRowHeadersAsSelectors="False" runat="server" UseColumnHeadersAsSelectors="False"
        ViewSelectorText="x" EnableEmbeddedSkins="true">
        <SpecialDays>
            <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="#BCDDFF" />
        </SpecialDays>
    </Calendar>
    <DateInput ID="DateInput1" DisplayDateFormat="MMM dd, yyyy" runat="server" DateFormat="M/d/yyyy" ReadOnly="True">
    </DateInput>
    <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
</telerik:RadDatePicker>
Gerry
Top achievements
Rank 1
 answered on 01 Jun 2012
5 answers
1.1K+ views
Hi,

I've attached a screen shot of the issue.

Note that this only occurs when the DatePopupButton-Visible is set to false.

Here's the markup:
<tr id="trMRPShipDate" runat="server">
<td>MRP Ship Date</td>
<td></td>
<td>
<div style="position:relative; height:20px">
<telerik:RadDatePicker ID="dpMRPShipDate" Width="90px" EnableTyping="false" DatePopupButton-Visible="false"
style="position:absolute; top:0px; left:0px" runat="server" EnableEmbeddedSkins="true">
<Calendar ID="Calendar1" UseRowHeadersAsSelectors="False" runat="server" UseColumnHeadersAsSelectors="False"
ViewSelectorText="x" EnableEmbeddedSkins="true">
<SpecialDays>
<telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="#BCDDFF" >
<ItemStyle BackColor="#BCDDFF" />
</telerik:RadCalendarDay>
</SpecialDays>
</Calendar>
<DateInput ID="DateInput3" DisplayDateFormat="MMM dd, yyyy" runat="server" DateFormat="M/d/yyyy"
ReadOnly="True" AutoPostBack="True">
</DateInput>
<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
</telerik:RadDatePicker>
<asp:ImageButton ID="imgCancelMRPShipDate" runat="server" ImageUrl="~/Pics/Cancel.gif" Style="position:absolute; top:4px; left:122px" OnClick="imgCancelShipDate_Click" Width="16px" Visible="false" />
<asp:LinkButton runat="server" ID="lnkShipDateChangeLog" Text="Change Log" style="position:absolute; top:4px; left:98px; white-space:nowrap" onclick="lnkShipDateChangeLog_Click" />
</div>
</td>
</tr>
Gerry
Top achievements
Rank 1
 answered on 01 Jun 2012
1 answer
61 views
Hi,

                      I implemented scheduler and i have one problem
i have my appintments on same day with same time..

means i have 2 appoointments at 9.00Am..i want to display same thing in scheduler in week view.

but both are overiding and display is not clear..

i want to display second apponitement in next line..how is it possible..

please provide me the solution...
Plamen
Telerik team
 answered on 01 Jun 2012
1 answer
194 views
hello all ,
i want a sample example to know how to save state of raddock and Radzone in database (set and get state into and from database ) , not in cookies like used in telerik help documentation (this one )
Is there any sample project to do that ???

thanks in advance
Shinu
Top achievements
Rank 2
 answered on 01 Jun 2012
1 answer
103 views
Hi,
I am using a telerik radgrid(hierarchical structures) in that when i expand the child grid then the border thickness increases.this issue is only in google chrome and mozilla.

source code:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="test.ascx.cs"
    Inherits=".UserControls.test" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<div class="widget_container clearfix">
    <!-- menu bar starts -->
    <div class="wid_menu_bar clearfix">
        <div class="right">
            <div class="left">
                <img src="../../../App_Themes/images/wid_menubar_left.png" alt="Icon bar left image" /></div>
            <div class="wid_icons left">
                <ul>
                    <li><a href="#">
                        <img src="../../../App_Themes//images/add_ico.png" alt="Add" class="v_middle" />&nbsp;<asp:Label
                            ID="lblFilter" runat="server" Text="Filter"></asp:Label></a></li>
                    <li><a href="#">
                        <img src="../../../App_Themes/images/edit_ico.png" alt="Edit" class="v_middle" />&nbsp;<asp:Label
                            ID="lblPrint" runat="server" Text="Print"></asp:Label></a></li>
                    <li><a href="#" onclick="javascript:openWin('#', 490, 630,'test');">
                        <img src="../../../App_Themes/images/add_ico.png" alt="Add" class="v_middle" />&nbsp;<asp:Label
                            ID="lblAdd" runat="server" Text="Add"></asp:Label></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- menu bar ends -->
    <!-- widget content starts -->
    <center>
        <div id="pop_middle" class="wid_middle">        
            <telerik:RadGrid ID="RadGrid3" Visible="true" runat="server" Width="90%" ShowStatusBar="true"
                GridLines="Vertical"   AutoGenerateColumns="False"
                PageSize="5" AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True"
                PagerStyle-Position="Bottom">
                <SortingSettings EnableSkinSortStyles="false" />
                <MasterTableView AllowNaturalSort="false" HierarchyDefaultExpanded="false" HierarchyLoadMode="Client">
                    <DetailTables>
                        <telerik:GridTableView AllowPaging="False" CommandItemDisplay="None">
                            <Columns>
                                <telerik:GridBoundColumn UniqueName="CT_1" HeaderText="Custom Field 1" HeaderButtonType="TextButton"
                                    DataField="CT_1" AllowSorting="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridTemplateColumn HeaderText="Custom Field 2" UniqueName="CT_2" DataField="CT_2">
                                </telerik:GridTemplateColumn>
                                <telerik:GridBoundColumn HeaderText="Custom Field 3" UniqueName="Unit" HeaderButtonType="TextButton"
                                    DataField="CT_3">
                                </telerik:GridBoundColumn>
                            </Columns>
                        </telerik:GridTableView>
                    </DetailTables>
                    <Columns>
                        <telerik:GridBoundColumn HeaderText="H 1" HeaderButtonType="TextButton" DataField="H1"
                            UniqueName="VisitDate">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="H 2" HeaderButtonType="TextButton" DataField="H2"
                            UniqueName="VisitType">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="H 3" HeaderButtonType="TextButton" DataField="H3"
                            UniqueName="ProviderUserId">
                        </telerik:GridBoundColumn>
                        <telerik:GridButtonColumn UniqueName="ibtnDelete" HeaderText="Delete" ImageUrl="~/App_Themes/Bari_Default/images/delete_ico.png"
                            ButtonType="ImageButton" CommandName="Delete" ConfirmDialogType="RadWindow" ItemStyle-CssClass="edit_deletecol_width">
                            <HeaderStyle CssClass="edit_deletecol_width" />
                        </telerik:GridButtonColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
   
        </div>
    </center>


</div>


Code Behind:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;


namespace BariAnalyticsEHR.ProtoType.UserControls.Patient.test
{
    public partial class test: System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                RadGrid3.DataSource = createDataTable();
            }
        }
        private DataTable createDataTable()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("CT_1");
            dt.Columns.Add("CT_2");
            dt.Columns.Add("CT_3");


            DataRow dr = dt.NewRow();
            dr["CT_1"] = "Reason Reason ";
            dr["CT_2"] = "2011";


            dr["CT_3"] = "dummy";
            dt.Rows.Add(dr);       


            return dt;
        }
    }
}

Shinu
Top achievements
Rank 2
 answered on 01 Jun 2012
3 answers
343 views
Hi,

I am working on a rather large web app that has separate instances of the same web user control used on multiple steps of an ASP.NET Wizard control.

I am triggering an ajax postback via javascript:

 

var manager = $find("<%=RadAjaxManager.GetCurrent(Page).ClientID %>");
var textBoxId = "<%= txtSearchFilter.UniqueID %>";
if (manager && textBoxId) {
    manager.ajaxRequestWithTarget(textBoxId, searchText);
}

 

 

 

The web user control's markup contains the following:

 

<telerik:RadAjaxManagerProxy ID="radAjaxManagerListSelections" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="txtSearchFilter">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="lstBxAvailableItems" LoadingPanelID="radLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="lstBxAvailableItems">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="lstBxSelectedItems" LoadingPanelID="radLoadingPanel1" />
                <telerik:AjaxUpdatedControl ControlID="lstBxAvailableItems" LoadingPanelID="radLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="lstBxSelectedItems">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="lstBxSelectedItems" LoadingPanelID="radLoadingPanel1" />
                <telerik:AjaxUpdatedControl ControlID="lstBxAvailableItems" LoadingPanelID="radLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>
  
<telerik:RadAjaxLoadingPanel ID="radLoadingPanel1" runat="server" Skin="Sitefinity" MinDisplayTime="1000">
</telerik:RadAjaxLoadingPanel>

The problem I'm experiencing is that the loading panel shows up correctly in the first step of the wizard, but on subsequent steps that utilize the same web user control, the loading panel does not show up.

All data posts correctly on the subsequent steps, but the loading panels do not display. My first thought was that the code was getting confused with the control clientIDs, but it appears as if the rendering for each step is putting the right id values into my javascript server blocks. I'm not sure how to verify that the loading panel is targeted to the correct clientID values though when looking at the source for the rendered page.

I am removing the loading panels for now to keep the look and feel uniform for each step, but I would really like to solve this problem as the loading panels definitely add something to the user experience.

Thanks,

Charlie

Charles
Top achievements
Rank 1
 answered on 01 Jun 2012
1 answer
68 views
I am having an Ajax Loading Panel display on sorting a RadGrid and put a MinDisplayTime on the Loading Panel. When I sort, the loading image starts to animates, stops briefly when the request is finished then restarts to complete the MinDisplayTime. Is there anyway to prevent the slight shutter from occurring when the request is complete?
Andrey
Telerik team
 answered on 01 Jun 2012
1 answer
253 views
1.index.aspx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
<title>WebForm Editor Customize Content Area</title>
<style type="text/css">html, body, form { height:100%; margin:0px; padding:0px; }</style>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
function OnClientLoaded() {
var pane = $find("<%=RadSplitter1.ClientID%>");
var editor = $find("<%=RadEditor1.ClientID %>");
var newHeight = pane.get_height();
var newWidth = pane.get_width()-4;
editor.setSize(newWidth, newHeight);
}
</script>
</telerik:RadCodeBlock>
<telerik:RadSplitter ID="RadSplitter1" runat="server" VisibleDuringInit="false" Width="100%" Height="100%" OnClientLoaded="OnClientLoaded" OnClientResized="OnClientLoaded">
<telerik:RadPane ID="RadPane1" runat="server" Scrolling="None">
<telerik:RadEditor ID="RadEditor1" runat="server" NewLineMode="P" Width="100%" Height="100%" ContentAreaMode="Iframe" style="display:inline-block;"
ContentAreaCssFile="~/css/EditorContentAreaStyles.css">
<Modules>
<telerik:EditorModule Name="RadEditorDomInspector" Enabled="false" />
<telerik:EditorModule Name="RadEditorHtmlInspector" Enabled="false" />
<telerik:EditorModule Name="RadEditorNodeInspector" Enabled="false" />
<telerik:EditorModule Name="RadEditorStatistics" Enabled="false" />
<telerik:EditorModule Name="RadEditorTrackChangesInfo" Enabled="false" />
</Modules>
<Content></Content>
</telerik:RadEditor>
</telerik:RadPane>
</telerik:RadSplitter>
</form>
</body>
</html>

2.EditorContentAreaStyles.css


html {
background-color: #555 !important; }
body {
background-color: #FFFFFF !important; margin: 20px !important; padding: 20px !important; }
  • Problem:

in index.aspx file, when html, body, form { height:100% }, and Radeditor1's ContentAreaCssFile: EditorContentAreaStyles.css, its height will be inherited as default value from index.aspx.
so in iframe, body's height is less than length of the text in editor.
when i remove height:100% from index.aspx, it work fine.
thanks.
Rumen
Telerik team
 answered on 01 Jun 2012
3 answers
801 views
I have a Javascript function that opens a radwindow and then tries to call a function in that window.  It seems liek this should be pretty easy, but I can't get it to call that function.  Here's the calling function:

function openNewWindow(agentID, contractID, company)
            {
                var tabs = tabStrip.get_tabs();
                var tabval = 0;
                var tabFound = false;
                // loop through the tabs looking for existing agent
                for (var i = 0; i < tabs.get_count(); i++) {
                    tabval = tabs.getTab(i).get_value();
                    if (tabval == agentID) {
                        tabFound = true;
                        var oWnd = tabs.getTab(i).correspondingWnd;
                        break;
                    }
                }
                // if agent is already open, alert user and don't open again
                if (tabFound == false) {
                    var oWnd = radopen("AgentWin.aspx?HeaderID=" + agentID, null);
                    oWnd.set_title(agentID);
                    oWnd.maximize();
                    tabStrip.trackChanges();
                    //create a new tab
                    var tab = new Telerik.Web.UI.RadTab();
                    //set the text of the tab
                    tab.set_text(agentID);
                    oWnd.correspondingTab = tab;
                    //add the tab to the tabstrip
                    tabStrip.get_tabs().add(tab);
                    tabStrip.repaint();
                    tab.correspondingWnd = oWnd;
                    tabStrip.commitChanges();
                    //Select this tab
                    tab.select();
                    
                    oWnd.get_contentFrame().contentWindow.CallContractsWindow(agentID, contractID, company);
                }
            }


Since I open the radwindow in this function, I already have have the reference to it (oWnd), so I thought I could just use that last line to call a function in the opened window.  But that last line gives me - "Error: Object doesn't support this property or method"

Can anyone tell me what I'm doing wrong?  Thanks!


Marin Bratanov
Telerik team
 answered on 01 Jun 2012
1 answer
55 views
Hi,

We have a RadGrid with Groupable columns, when the user group all the GroupHeaders has a white background with more height of usual like the first picture (CorrectLayout.jpg). When i Turn off the "AllowScroll=False" the GroupHeader layout behavior is correct for all the groups.

RadGrid aspx code:
<telerik:RadGrid ID="gridProductStore" runat="server" Skin="Windows7" AutoGenerateColumns="False"
             AllowPaging="True" AllowSorting="True" PageSize="8" 
             OnNeedDataSource="gridProductStore_NeedDataSource"
             ShowGroupPanel="true">
            <ExportSettings ExportOnlyData="True" IgnorePaging="True" HideStructureColumns="true"
                FileName="ProductStoreReport">
            </ExportSettings>
            <ClientSettings EnableRowHoverStyle="true"
                AllowDragToGroup="true"
                AllowGroupExpandCollapse="True">
                <Scrolling AllowScroll="False" UseStaticHeaders="True"></Scrolling>
            </ClientSettings>
            <GroupingSettings ShowUnGroupButton="true" />
            <MasterTableView CommandItemDisplay="Top"
                TableLayout="Auto"
                BorderStyle="None"
                ClientDataKeyNames="ProductStoreID"
                HeaderStyle-Wrap="true"
                HeaderStyle-HorizontalAlign="Center"
                ItemStyle-HorizontalAlign="Center"
                AlternatingItemStyle-HorizontalAlign="Center" >
                <CommandItemSettings ShowAddNewRecordButton="false" ShowExportToExcelButton="true">
                </CommandItemSettings>
                <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                </RowIndicatorColumn>
                <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridBoundColumn DataField="ProductStoreID" DataType="System.Int64" Visible="false"
                        FilterControlAltText="Filter ProductStoreID column" HeaderText="ProductStoreID"
                        SortExpression="ProductStoreID" UniqueName="ProductStoreID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32" Visible="false"
                        FilterControlAltText="Filter ProductID column" HeaderText="ProductID"
                        SortExpression="ProductID" UniqueName="ProductID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BatchID" DataType="System.Int64" HeaderStyle-Width="70px"
                        FilterControlAltText="Filter BatchID column" HeaderText="Batch N°"
                        SortExpression="BatchID" UniqueName="BatchID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductName" HeaderStyle-Width="180px"
                        FilterControlAltText="Filter ProductName column" HeaderText="Product Name"
                        SortExpression="ProductName" UniqueName="ProductName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ClaimCode" Groupable="false" HeaderStyle-Width="100px"
                        FilterControlAltText="Filter ClaimCode column" HeaderText="Claim Code"
                        SortExpression="ClaimCode" UniqueName="ClaimCode">
                    </telerik:GridBoundColumn>
                    <telerik:GridCheckBoxColumn DataField="IsSold" DataType="System.Boolean" Groupable="false" HeaderStyle-Width="70px"
                        FilterControlAltText="Filter IsSold column" HeaderText="Is Sold"
                        SortExpression="IsSold" UniqueName="IsSold">
                    </telerik:GridCheckBoxColumn>
                    <telerik:GridBoundColumn DataField="ExpirationDate" DataType="System.DateTime" Groupable="false"
                        FilterControlAltText="Filter ExpirationDate column" HeaderText="Expiration Date"
                        SortExpression="ExpirationDate" UniqueName="ExpirationDate">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="UploadedDate" DataType="System.DateTime" Groupable="false"
                        FilterControlAltText="Filter UploadedDate column" HeaderText="Uploaded Date"
                        SortExpression="UploadedDate" UniqueName="UploadedDate">
                    </telerik:GridBoundColumn>
                </Columns>
                <EditFormSettings>
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                    </EditColumn>
                </EditFormSettings>
                <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" Position="Bottom" />
                <ItemStyle HorizontalAlign="Center"></ItemStyle>
                <AlternatingItemStyle HorizontalAlign="Center"></AlternatingItemStyle>               
                <HeaderStyle HorizontalAlign="Center" Wrap="True"></HeaderStyle>
            </MasterTableView>
        </telerik:RadGrid>


Hope you can help me with this.

Best Regards,
Eyup
Telerik team
 answered on 01 Jun 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?