Questions on UI for ASP.NET AJAX Forum

1 answer

109 views

Embed Radgrid Control & Alter ItemTemplate Height

Hi,

I have an orgchart setup like this:

<telerik:RadOrgChart ID="RadOrgChart1"runat="server"OnNodeDataBound="RadOrgChart1_NodeDataBound"

Skin="Metro">

<ItemTemplate>

<divstyle="height: 50%">

<span>Name:

<%#DataBinder.Eval(Container.DataItem, "Name")%></span>

<br/>

<span>

<%#DataBinder.Eval(Container.DataItem, "role")%></span>

<telerik:RadGrid ID="RadGrid1" runat="server"OnNeedDataSource="RadGrid1_NeedDataSource">

</telerik:RadGrid></div>

</ItemTemplate>

</telerik:RadOrgChart>

I’d like to have a radgrid embeded into each node, however to do this I need to grab the ID of the node from the RadGrid1_NeedDataSource event.
Can someone please advise how I can do this please?
Also is there any way to increase the item template height?

OrgChart

answered on 02 Sep 2015

3 answers

67 views

Scheduler Start Week Issue

Hi,

Our scheduler default view is the current week, however, the current week doesn't change to next week when it is next Monday.

For instance;

Today is Monday at 6am in the morning and the scheduler is still showing the last week.

It gets exchange to this week after 10ish or 11ish.

I have also set up my start time and end time, so not sure it may be related to.

what could be the reason?
Thank you

Scheduler

answered on 02 Sep 2015

1 answer

65 views

Problems of radscheduler eport to PDF with bigger font size

The attached pic show that the word cannot display properly

how can I avoid this problem?

Scheduler

answered on 02 Sep 2015

1 answer

107 views

Javascript error with Firefox and IE11

Hi guys,

if you try to launch the demo overview of radcaptcha Q2 2015 (at http://demos.telerik.com/aspnet-ajax/captcha/examples/overview/defaultcs.aspx ), will be thrown a javascript error "ReferenceError: global is not defined" with Firefox 40.0.3

With IE11 will show an alert box "Silverlight locked and obsolete...".

I'm trying to use the trial version in my project and I need to workaround this problem before buy the commercial version.

Any suggestion?

Thanks

Captcha

answered on 02 Sep 2015

1 answer

114 views

Expanded detailtable on paging

Hi there,

I have a Master-Detail table in RadGrid. For each row of master, there is a DetailTable which expands/collapse. The Radgrid also has paging (15 rows per page). I am using an external button to ExpandAll rows of the grid. On first page i see all 15 rows expanded, but when i go to Page 2(paging), i need the DetailTables expanded for each row on the 2nd page. Can someone please suggest how would i achieve that?

thanks!

Grid

answered on 02 Sep 2015

1 answer

459 views

How to get focused control ID in C# web application

hi friends,

i have editable radgrid, where all the fileds is in open state. it contains textbox and label.

user can enter value in any textbox in the grid.

mean while, i am refreshing the grid using timer at regular interval.

my issue is, after refresh, the cursor is disappears from the control.

i need to set focus to the same control,where the cursor before postback.

it is possible to take focused control id in server side using C# web application.

it possible, give me some ideas.

Thanks in advance

ASRK.....

General Discussions

answered on 02 Sep 2015

1 answer

88 views

Attribute validationmessage not allowed when the input type as number

I have a input like this ....................

<input type="text"

name="hello23"

pattern="\d{10}"

data-type="number"

data-bind="value:hello23"

data-role="numerictextbox"

role="spinbutton"

class="k-input k-invalid"

aria-valuenow="123"

style="display: none;" aria-disabled="false" aria-readonly="false" aria-invalid="true">

in the runtime I try to bind data-pattern-msg="my custom message" but it is not working.

Can I do using kendo ui ??

Input

answered on 02 Sep 2015

1 answer

161 views

Splitter Items Collection must contain SplitterItem objects

Hello to all

i use web mail project in samples and demo projects on telerik web site (but i modify it) , my question when i run the project its working fine but in master file there is no ajax manger only on content page , so when i try to put ajax manger on master and ajax manger proxy on content (as i read in help) error message come

Splitter Items Collection must contain SplitterItem objects

but if i remove radajaxmanger message will go and web page will load without any issue ,so what is my mistake .

thanks

master sorec code

<%@ Master Language="VB" CodeFile="mainmaster.master.vb" Inherits="mainmaster" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">



    <link rel="stylesheet" type="text/css" href="Styles/styles.css" />
    <link rel="stylesheet" type="text/css" href="Styles/stylesloc.css" />
</head>
<body>
<form id="form1" runat="server">

    <telerik:RadScriptManager runat="server" EnableCdn="true" ID="RadScriptManager1" />
    <telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
    <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1"
        DecoratedControls="All" Skin="Silk" />






       <%--

        <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="RadTreeView1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rightPane" />
                   <telerik:AjaxUpdatedControl ControlID="contentPane" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rightPane">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rightPane"   />

                </UpdatedControls>
            </telerik:AjaxSetting>


           <telerik:AjaxSetting AjaxControlID="RadButton1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rightPane" />
                    <telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
                    <telerik:AjaxUpdatedControl ControlID="RadButton1"   />
                    <telerik:AjaxUpdatedControl ControlID="contentPane" />
                </UpdatedControls>
            </telerik:AjaxSetting>


              <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                </telerik:AjaxSetting>

             <telerik:AjaxSetting AjaxControlID="RadToolBar1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadWindowManager33" />

                </UpdatedControls>
            </telerik:AjaxSetting>

        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" LoadingPanelID="RadAjaxLoadingPanel1">
   </telerik:RadAjaxLoadingPanel>--%>








    <telerik:RadSplitter runat="Server" ID="RadSplitter1"
        Width="100%" Height="100%" Orientation="Horizontal" VisibleDuringInit="false"
        BorderSize="0" BorderStyle="None" PanesBorderSize="0">
        <telerik:RadPane ID="topPane" runat="server" Height="74px">
            <div id="header">

                <asp:Label ID="Label2" runat="server" Font-Size="X-Large"
                    Text="welcome"></asp:Label>


                    <div class="date-r">
                <span>Select period from: </span>
                <telerik:RadDatePicker ID="StartDatePicker" runat="server"    >
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"></Calendar>

<DateInput DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy"   LabelWidth="40%"
                        value="7/17/1996"></DateInput>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>


                </telerik:RadDatePicker>

                <span>to: </span>
                <telerik:RadDatePicker ID="EndDatePicker"   runat="server"     >
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"></Calendar>

<DateInput DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy" LabelWidth="40%"
                        value="7/17/1997"></DateInput>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>


                </telerik:RadDatePicker>
                 

                   <telerik:RadButton ID="RadButton1" runat="server" Text="Search">
                </telerik:RadButton>

            </div>

                <div class="skin-chooser">

                    <label for="ctl00_SkinChooser_Input" class="skinLabel">Skin:</label>
            <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" Skin="Office2010Blue"
                        PersistenceKey="Skin" PersistenceMode="Session" >
            </telerik:RadSkinManager>
                </div>
            </div>

            <div class="menu">
                <telerik:RadToolBar ID="RadToolBar1" runat="server">
               <Items>


                <telerik:RadToolBarButton Text="Home"    ImageUrl="Images/s.png"
                    NavigateUrl="default.aspx" Target="_parent" Width="150px" />

                <telerik:RadToolBarButton Text="MySettings"
                    ImageUrl="Images/s.png" Width="150px"
                        />

                          <telerik:RadToolBarButton Text="System Status"
                    ImageUrl="Images/s.png" Width="150px"
                        />

                    <%-- <telerik:RadToolBarButton Text="About This Demo" CssClass="AboutToolButton" ImageUrl="Images/s.png" />--%>
                <telerik:RadToolBarButton Text="About"
                   NavigateUrl="http://www.gggg.com/#!about/cgvz" Target="_blank"
                    ImageUrl="Images/s.png" Width="150px"   />

            </Items>
                </telerik:RadToolBar>
            </div>
        </telerik:RadPane>

        <telerik:RadPane runat="server" ID="contentPane" Scrolling="none">
            <telerik:RadSplitter runat="server" ID="RadSplitter2" BorderStyle="None" PanesBorderSize="0">
                <telerik:RadPane runat="Server" ID="leftPane" Width="240px" MinWidth="240" MaxWidth="600"
                    Scrolling="None">
                    <telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0"
                        Height="100%" Orientation="Horizontal">
                        <telerik:RadPane runat="server" ID="topLeftPane"     >
                            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">




<telerik:RadTreeView runat="server" ID="RadTreeView1"    >
    <NodeTemplate>

        <div class="node-album">

            <span class="band">
            <%# Eval("header")%>
            <br />
              <asp:Image ID="Image2" runat="server"    ImageUrl= '<%# get_image_online_or_offline( Eval("db_name")).ToString() %>'      ToolTip='<%# get_online_or_offline( Eval("db_name")).ToString() %>' />
            </span>
            <asp:Label ID="totalsales" runat="server" class="album" Text='<%# string.Format("{0:0,0}", GetSalestotal( Eval("db_name").ToString())) %>'></asp:Label>
             <asp:Label ID="percent" runat="server" class="percent" Text='<%# GetSalesPercentage( Eval("db_name") ) + "%" %>'></asp:Label>
        </div>











                    </NodeTemplate>


        </telerik:RadTreeView>



                            </asp:ContentPlaceHolder>
                        </telerik:RadPane>
                        <telerik:RadSplitBar runat="server" ID="RadSplitBar3" CollapseMode="Backward" />
                        <telerik:RadPane runat="server" ID="bottomLeftPane" Height="120px">

                            <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%"
                                Height="100%" >
                                <Items>
                                    <telerik:RadPanelItem Text="Statistics"     />
    <telerik:RadPanelItem Text="Transactions"     />
       <telerik:RadPanelItem Text="Reports"     />
          <telerik:RadPanelItem Text="P.O"     />
          <telerik:RadPanelItem Text="Tables"     />
             <telerik:RadPanelItem Text="Call Center"     />

                                </Items>
                            </telerik:RadPanelBar>
                        </telerik:RadPane>
                    </telerik:RadSplitter>
                </telerik:RadPane>
                <telerik:RadSplitBar runat="server" ID="RadSplitBar1" CollapseMode="Forward" />
                <telerik:RadPane runat="Server" ID="rightPane" CssClass="right-pane">
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
                    </asp:ContentPlaceHolder>
                </telerik:RadPane>
            </telerik:RadSplitter>
        </telerik:RadPane>
    </telerik:RadSplitter>
    <telerik:RadWindowManager ID="RadWindowManager33" runat="server"
        EnableShadow="True" EnableViewState="False" ShowContentDuringLoad="False"
        Skin="Office2010Blue" VisibleStatusbar="False">
        <Windows>
            <telerik:RadWindow ID="RadWindow0" runat="server"
                Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
                EnableShadow="True" Height="650px" Modal="True"
                NavigateUrl="~/Views/g_f.aspx" ShowContentDuringLoad="False"
                Skin="Office2010Blue" style="display:none;" VisibleStatusbar="False"
                Width="600px">
            </telerik:RadWindow>
            <telerik:RadWindow ID="RadWindow1" runat="server" AutoSize="True"
                Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
                EnableShadow="True" Height="450px" Modal="True"
                NavigateUrl="~/Views/reports_g.aspx" ShowContentDuringLoad="False"
                Skin="Office2010Blue" style="display:none;" VisibleStatusbar="False"
                Width="450px">
            </telerik:RadWindow>
            <telerik:RadWindow ID="RadWindow3" runat="server" AutoSize="True"
                Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
                EnableShadow="True" Modal="True" NavigateUrl="~/Views/g_stauts_f.aspx"
                ShowContentDuringLoad="true" Skin="Office2010Blue" style="display:none;"
                VisibleStatusbar="False" Width="450px">
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>
    <asp:PlaceHolder runat="server" ID="AnalyticsPlaceholder">
        <script type="text/javascript">

            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-111455-1']);
            _gaq.push(['_setDomainName', '.telerik.com']);
            _gaq.push(['_addIgnoredRef', 'telerik.com']);
            _gaq.push(['_trackPageview']);

            (function () {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();

        </script>
    </asp:PlaceHolder>
</form>
</body>
</html>

Splitter

answered on 02 Sep 2015

3 answers

255 views

RadGrid ResizeToFit not working in Chrome

There appears to be a problem with the ResizeToFit functionality not working in Chrome (Version 44.0.2403.157 m).

Specifically, it appears that date fields are causing a problem.

The RadGrid renders fine in both IE (version 11) and Firefox (version 37).

<telerik:RadGrid ID="gridFinder" runat="server" Skin="Windows7" GroupingSettings-CaseSensitive="false" AllowSorting="True" AllowFilteringByColumn="True"

CellSpacing="0" GridLines="both" GroupingEnabled="False" ShowGroupPanel="True" ShowHeader="True" EnableLinqExpressions="false" FilterMenu-OnClientShown="menuShowing">

<ClientSettings>

<Scrolling AllowScroll="false" UseStaticHeaders="true" />

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

<ClientEvents OnFilterMenuShowing="filterMenuShowing" />

</ClientSettings>

<MasterTableView PageSize="20" CommandItemDisplay="Top">

<CommandItemSettings ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridButtonColumn ButtonType="ImageButton" HeaderText="Select" CommandName="Select" UniqueName="SelectRecord" ImageUrl="~/images/icons/accept.png" ItemStyle-Width="18px" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Javascript to invoke the resizeToFit...

function ResizeColumns() {

var grid = $find("[gridFinder]");

if (grid != null) {

var columns = grid.get_masterTableView().get_columns();

for (var i = 0; i < columns.length; i++) {

columns[i].resizeToFit(false, true);

}

Sys.Application.add_load(ResizeColumns);

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(ResizeColumns)

FYI, the RadGrid in question resides in a user control in case that makes a difference.

Any ideas how to fix this?

Dennis

Grid

answered on 01 Sep 2015

7 answers

649 views

Map marker OnClick event help

Hi,

I am using a RadMap and using a datasource to set my marker locations and all works fine the map displays and the marker on the map displays at the right positions. Now i want to create a ClientEvent that uses the OnMarkerClick event that will just return the DataTitleField from that marker in string format is there a way to do this

Thanks
Ian

Map

answered on 01 Sep 2015