Questions on UI for ASP.NET AJAX Forum

1 answer

239 views

RadDatePicker does not have a public property named 'Calender'

Good Evening All,

I have the October 2008 build of RADControls for ASP.net Ajax. I have a asp:wizard control in a website built on .Net 3.5 on a page that invokes RadDatePicker as follows

    
                            <telerik:RadDatePicker ID="txteffdate" runat="server" Culture="English (United States)" 
        
                            selecteddate="<%#datetime.tody %>">  
        
                            <Calendar runat="server" Font-Names="Arial, Verdana, Tahoma" ForeColor="Black" 
        
                            style="border-color:#ececec">  
        
                            </Calendar> 
        
                            <DateInput runat="server" Skin=""></DateInput> 
        
                            <DatePopupButton CssClass="" /> 
        
                            </telerik:RadDatePicker>

When I go to Design mode in VS2008, the entire wizard control has an error:
Error Rendering Control - Wizard1
Type "Telerik.Web.UI.RadDatePicker" does not have a public property named 'Calender'.

Is this a bug?
Is there a property with a typo of Calender instead of Calendar? If so, how does this get fixed?

Sidenote:
I'm wanting to Ajaxify my contact page, containing this wizard control. Is there a better control to use instead of asp:wizard?

Thanks much for your help!
Sid

Calendar

answered on 14 Sep 2009

4 answers

138 views

[Solved] OnClientResponseEnd XmlHttpPanel

Hi there,

i have got up and running with this panel and now want to add a javascript method for OnClientResponseEnd. I have added the method and I have tested that it is being called, but when the method is included the panel does not update at all. Can anyone help please?

Here's the property on my panel: OnClientResponseEnd="showTooltipIfRequired"

Here's the method (wrapped in a RadCodeBlock):

    
                      function showTooltipIfRequired() { 
        
                                var m_c = document.getElementById("m_c"); 
        
                                if (m_c.innerHTML != "0") { 
        
                                    var tooltip = $find("NewMessagesToolTip"); 
        
                                    tooltip.show(); 
        
                                } 
        
                            }

Do I need to add additional arguments to the method signature? I tried adding sender/args but the same happens.

Thanks, Carl

XmlHttpPanel

answered on 14 Sep 2009

1 answer

190 views

[Solved] Delete button using RadWindow confirm not working.

I am trying to add a confirmation for the delete command on my grid but I want the confirmation to be in a rad window. The following code I believe should be giving me the standard RadWindow confirmation window but I get the normal javascript looking alert box.

What am I missing here?

<telerik:GridButtonColumn ConfirmText="Delete this item?" ConfirmDialogType="RadWindow"
ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
<HeaderStyle Width="25px" />
<ItemStyle Width="25px" />
<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
</telerik:GridButtonColumn>

Grid

answered on 14 Sep 2009

5 answers

103 views

[Solved] Clearing the control IDs of an Input Manager settings collection

I have a UI that changes dynamically.
Every time it changes I'm adding new controls to the appropriate settings in my Input manager.

For example, a user selects an item from a drop down.
I clear the UI and reload it.
I see that I need to expose

2 numeric setting text boxes
1 alpha numeric text box
1 date time text box

I generate Ids for those elements and add them to their respective input setting.
which is done something like this, for each type of setting i may have (date, numeric, text etc)

    
                       //get all datetime data format text boxes and convert them into datetimes 
        
                        elements = $('input.datetime', context); //find my date inputs within the given context 
        
                        var dateSettings = $find('RadInputManager').get_inputSettings('DateTimeSettings'); 
        
                        generateInputIds(elements); //generates unique ids for the found fields 
        
                        for (var idx = 0; idx < elements.length; ++idx) { 
        
                            dateSettings.addTargetInput(elements[idx].id); 
        
                        }

As the UI keeps changing and I keep adding Ids to the various input settings collections, the target input Id collections will get larger and larger and the settings collections will have references to Ids for elements that no longer exist on the UI.

I'm wondering if there is a standard way to clear the target input Ids collections.

Regards.

Input

answered on 14 Sep 2009

4 answers

223 views

Reminders

Is there a way to remind of an appointment?

Scheduler

answered on 14 Sep 2009

2 answers

75 views

[Solved] strong within a headline

Hi,

I have a "strange" style like this:

Snippet created with CBEnhancer

h2 strong {

    color: #06c;

}

This gives me the ability to color some words in headlines - just by setting them bold.
My problem - since the h2 is bold RadEditor shows the bold button as set - and doesn't enable me to apply this style to a part of the heading.

Expected: doubleclick a word to select it - click bold button to set the color.
Got: word is marked - bold button is not clickable

Any way to change this behaviour?

Regards
Manfred

Editor

answered on 14 Sep 2009

2 answers

139 views

Grid Export to PDF error Telerik.Web.Apoc.Render.Pdf.Fonts.Type2CIDSubsetFont.get_WArray()

Hi All,

I had the error originally, which prompted the use of <colgroup> <col /> etc.

That unfortunately did not work. (The Detail grid uses GrodBoundColumn and GridCheckboxColumn), the Master TableView originally used <Span> and eval which worked , but which provided me a lack of alignments.
I replaced those <Span> elements with a table and no <colgroup> elements resulting in the error, which needed colgroup to get around it. But no go.

I get this error now
TIA
Neal

System.NullReferenceException: Object reference not set to an instance of an object.
  at Telerik.Web.Apoc.Render.Pdf.Fonts.Type2CIDSubsetFont.get_WArray()
  at Telerik.Web.Apoc.Pdf.PdfFontCreator.CreateCIDFont(String pdfFontID, Font font, CIDFont cidFont)
  at Telerik.Web.Apoc.Pdf.PdfFontCreator.MakeFont(String pdfFontID, Font font)
  at Telerik.Web.Apoc.Pdf.FontSetup.AddToResources(PdfFontCreator fontCreator, PdfResources resources)
  at Telerik.Web.Apoc.Render.Pdf.PdfRenderer.StopRenderer()
  at Telerik.Web.Apoc.StreamRenderer.StopRenderer()
  at Telerik.Web.Apoc.Fo.FOTreeBuilder.Parse(XmlReader reader)

I have checked my C# code to exactly match your examples

protected void grvSchedule_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item.OwnerTableView.Name != "grvAnimalDetl")

{

foreach (GridDataItem dataItem in e.Item.OwnerTableView.Items)

{

foreach (TableCell cell in e.Item.Cells)

{

cell.Style[

"font-family"] = "Arial Unicode MS";

cell.Style[

"text-align"] = "left";

cell.Style[

"font-size"] = "12px";

cell.Style[

"height"] = "38px";

}

}

}

if (e.Item.OwnerTableView.Name == "grvAnimalDetl")

{

if (e.Item is GridDataItem )

{

foreach (TableCell cell in e.Item.Cells)

{

cell.Style[

"font-family"] = "Arial Unicode MS";

cell.Style[

"text-align"] = "left";

cell.Style[

"font-size"] = "8px";

cell.Style[

"height"] = "24px";

}

}

if (e.Item is GridHeaderItem)

{

foreach (TableCell cell in e.Item.Cells)

{

cell.Style[

"font-family"] = "Arial Unicode MS";

cell.Style[

"text-align"] = "left";

cell.Style[

"font-size"] = "9px";

cell.Style[

"font-weight"] = "bold";

cell.Style[

"height"] = "35px";

}

}

if (e.Item is GridCommandItem)

{

e.Item.PrepareItemStyle();

//needed to span the image over the CommandItem cells

}

}
}

and markup

<

telerik:RadGrid ID="grvSchedules"

runat="server" Width="100%"

CssClass="GridVClass"

AutoGenerateColumns="False"

AllowPaging="True"

GridLines="None"

PagerStyle-AlwaysVisible="false"

OnItemCommand="grvSchedule_ItemCommand"

OnItemDataBound="grvSchedule_ItemDataBound"

OnDetailTableDataBind="grvSchedule_DetailTableDataBind"

OnNeedDataSource="grvSchedule_NeedDataSource"

OnDataBound="grvSchedule_DataBound"

OnItemCreated = "grvSchedule_ItemCreated"

HorizontalAlign="Left">

<ExportSettings IgnorePaging="true" >

<Pdf PageHeight="270mm" PageWidth="540mm" PageTitle="Client Schedule" />

</ExportSettings>

<PagerStyle Mode="NumericPages" AlwaysVisible="False">

</PagerStyle>

<MasterTableView

Width="100%"

DataKeyNames="RecId" CellSpacing="1" pagesize="20">

<DetailTables >

<telerik:GridTableView

Name="grvAnimalDetl"

BorderColor="Gray"

BorderStyle="Solid"

BorderWidth="1px"

DataKeyNames="AnimalId, AnimalTypeId, insval, Val"

BackColor="LemonChiffon"

EditMode="InPlace"

Width="100%" runat="server" CellSpacing="-1"

GridLines="Horizontal" HierarchyDefaultExpanded="True"

PagerStyle-Visible="false" >

<Columns>

<telerik:GridBoundColumn DataField="AnimalName"

HeaderText="Name" UniqueName="AnimalName">

<ItemStyle HorizontalAlign="Left" Width="130px" Font-Size="XX-Small" />

<HeaderStyle HorizontalAlign="Left" Width="130px" Font-Size="XX-Small" />

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="AccidentalVC"

HeaderText="AccidentalVC" UniqueName="AccidentalVC" >

<ItemStyle Width ="75px" HorizontalAlign="Center" Font-Size="XX-Small" />

<HeaderStyle Width="75px" HorizontalAlign="Center" Font-Size="XX-Small"

wrap="True" />

</telerik:GridCheckBoxColumn>

</Columns>

<ItemStyle BackColor="White" Font-Names="Times New Roman" HorizontalAlign="Left" VerticalAlign="Middle" Wrap="False" />

<AlternatingItemStyle BackColor="GhostWhite" Font-Names="Times New Roman" HorizontalAlign="Left" VerticalAlign="Middle" Wrap="False" />

<HeaderStyle BackColor="LemonChiffon" />

<CommandItemStyle BackColor="LemonChiffon" BorderColor="Gray"

BorderStyle="Solid"

BorderWidth="1px" />

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridTemplateColumn>

<ItemTemplate>

<table>

<colgroup>

<col />

<col />

</colgroup>

<tr>

<td >Animal Details and Covers:

</td>

<td >

</td>

</tr>

</table>

<br />

<br />

<br />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<AlternatingItemStyle Font-Size="X-Small"></AlternatingItemStyle>

<ItemStyle Font-Size="X-Small"></ItemStyle>

</telerik:RadGrid>

Grid

answered on 14 Sep 2009

4 answers

97 views

Hiding indented area for details

Is there a way to hide the area that the details tables get shifted over? I am trying to make the detail table look like part of the main row. I have ExpandCollapseColumn-Display set to false in the MasterTableView, so I don't see the expand column, but I am hoping that there is a way to remove the area that it is shifted right.

Grid

answered on 14 Sep 2009

1 answer

151 views

creating a grid dynamically from client side

Hello, I have a question
How can I create a grid from javascript
I want to create the Grid with new columns when you click a button <input click="createGrid();">, in other words, creating a grid dynamically from client side

Thanks.

Dock

answered on 14 Sep 2009

4 answers

158 views

Ajax loading page with RadGrid Webserivce

Hi
I have page with RadGrid WebSrvice but when I added Ajax Loading and Grid didn't bind...
When I don't have Grid with WebService is ok:)

MasterPage

    
            <asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Release" EnablePageMethods="true"> 
        
                    <Scripts> 
        
                        <asp:ScriptReference Path="WebUserControl/Raport/AdvancedForm.js" /> 
        
                        <asp:ScriptReference Path="~/JScript.js" /> 
        
                    </Scripts> 
        
                </asp:ScriptManager> 
        
            <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> 
        
                    <script type="text/javascript"> 
        
                        function pageLoad(sender, eventArgs) { 
        
                            if (!eventArgs.get_isPartialLoad()) { 
        
                                $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("InitialPageLoad"); 
        
                            } 
        
                        } 
        
            </script> 
        
                </telerik:RadScriptBlock> 
        
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="vista" 
        
                    EnableEmbeddedSkins="false"> 
        
                </telerik:RadAjaxLoadingPanel> 
        
                <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" ClientEvents-OnRequestStart="OnRequestStart" 
        
                    OnAjaxRequest="RadAjaxManager1_AjaxRequest" UpdatePanelsRenderMode="Inline" DefaultLoadingPanelID="RadAjaxLoadingPanel1"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="Panel2" LoadingPanelID="RadAjaxLoadingPanel3" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Height="175px" 
        
                    Width="175px" Transparency="0"> 
        
                    <img alt="Loading..." style="border: 0;" id="progress" runat="server" /> 
        
                </telerik:RadAjaxLoadingPanel> 
        
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel3" runat="server" Height="75px" 
        
                    Width="75px" Transparency="0"> 
        
                    <img alt="Loading..." src="LoadingProgressBar.gif" style="border: 0;" /> 
        
                </telerik:RadAjaxLoadingPanel> 
        
             <div id="divStrona" style="display: none;" runat="server">
        
            <telerik:RadSplitter ID="rsTresc" runat="server" Skin="Vista" Orientation="Vertical" 
        
                            Width="100%" EnableEmbeddedSkins="false" Height="100%" OnClientLoaded="OnClientLoaded"> 
        
                            <telerik:RadPane ID="rpSzukaj" runat="server" Collapsed="False"> 
        
                                <asp:ContentPlaceHolder ID="cphTresc" runat="server"> 
        
                                </asp:ContentPlaceHolder> 
        
                            </telerik:RadPane> 
        
                            <telerik:RadSplitBar ID="rsbTrescKalendarz" runat="server" Visible="true" CollapseMode="Forward" 
        
                                Height="100%" /> 
        
                            <telerik:RadPane ID="rpKalendarz" runat="server" Height="100%"> 
        
                                <telerik:RadScheduler ID="RadScheduler1" runat="server" Width="100%" DataKeyField="idraport" 
        
                                    DataStartField="raportdatastart" DataEndField="raportdatakoniec" DataSubjectField="opis" 
        
                                    Skin="Office2007" Height="400px" ShowFooter="false" RowHeaderWidth="52" CustomAttributeNames="Due, Priority" 
        
                                    OverflowBehavior="Scroll"> 
        
                                    <WebServiceSettings Path="SchedulerWebService.asmx" ResourcePopulationMode="ServerSide" /> 
        
                                </telerik:RadScheduler> 
        
                            </telerik:RadPane> 
        
                        </telerik:RadSplitter> 

            </div>

MasterPage.cs

    
            protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e) 
        
                { 
        
                    if (e.Argument == "RebindScheduler") 
        
                    { 
        
                        RadScheduler1.Rebind(); 
        
                    } 
        
                    if (e.Argument == "InitialPageLoad") 
        
                    { 
        
                        //simulate longer page load 
        
                        //System.Threading.Thread.Sleep(5000); 
        
                        //divPanel.Attributes["style"] = ""; 
        
                        //divTresc.Attributes["style"] = ""; 
        
                        divStrona.Attributes["style"] = ""; 
        
                    } 
        
                }

Page.aspx:

    
            telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
        
                    <script type="text/javascript"> 
        
                        function pageLoad(sender, args) { 
        
                            PageMethods.GetData(updateGrid); 
        
                        } 
        
                        function gridCommand(sender, args) { 
        
                        } 
        
                        function updateGrid(result) { 
        
                            var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView(); 
        
                            tableView.set_dataSource(result); 
        
                            tableView.dataBind(); 
        
                        } 
        
                        function categoryFetched(category, item) { 
        
                            item.get_cell("CategoryID").innerHTML = category.Name; 
        
                        } 
        
                        function rowDataBound(sender, args) { 
        
                            //to jest po to aby dzialaly GridTemplateColumn gdy jest webservice 
        
                            var label = args.get_item().findControl("ID"); // find control 
        
                            if (label != null) { 
        
                                label.set_value(args.get_dataItem()["ID"]); 
        
                            } 
        
                        } 
        
                    </script> 
        
                </telerik:RadCodeBlock> 
        
             <telerik:RadGrid ID="RadGrid1" runat="server" Skin="Vista" Width="800px" PageSize="200" 
        
                    AutoGenerateColumns="false" EnableViewState="false" OnRowDrop="RadGrid1_RowDrop"> 
        
                    <MasterTableView DataKeyNames="ID" ClientDataKeyNames="ID"> 
        
                        <Columns> 
        
                            <telerik:GridTemplateColumn HeaderText="ID" Display="false" > 
        
                                <ItemTemplate> 
        
                                   <asp:Label ID="ID" runat="server" /> 
        
                                </ItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridBoundColumn DataField="Imie" HeaderText="Imie"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Nazwisko" HeaderText="Nazwisko"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Specjalizacja" HeaderText="Specjalizacja"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Status" HeaderText="Status"> 
        
                            </telerik:GridBoundColumn> 
        
                        </Columns> 
        
                    </MasterTableView> 
        
                    <ClientSettings AllowRowsDragDrop="true"> 
        
                        <%--<DataBinding Location="MyService.asmx" SelectMethod="GetData" SelectCountMethod="GetCount"> 
        
                            </DataBinding>--%> 
        
                        <ClientEvents OnRowDataBound="rowDataBound" OnCommand="gridCommand" /> 
        
                        <Selecting AllowRowSelect="true" /> 
        
                        <ClientEvents OnRowDropping="rowDropping" OnRowDragStarted="PobierzKlienta" /> 
        
                    </ClientSettings> 
        
                </telerik:RadGrid>

Please help :)

Ajax

answered on 14 Sep 2009

	<telerik:RadDatePicker ID="txteffdate" runat="server" Culture="English (United States)"
	selecteddate="<%#datetime.tody %>">
	<Calendar runat="server" Font-Names="Arial, Verdana, Tahoma" ForeColor="Black"
	style="border-color:#ececec">
	</Calendar>
	<DateInput runat="server" Skin=""></DateInput>
	<DatePopupButton CssClass="" />
	</telerik:RadDatePicker>