Questions on UI for ASP.NET AJAX Forum

1 answer

104 views

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

426 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

81 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

150 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

242 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

618 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

1 answer

103 views

Sliding panes in Microsoft Edge and Q2 2015 SP 2

I'm testing with the new release and I noticed that the text in the pane tab isn't correctly displayed in Microsoft Edge. In some pane tabs the text is upside down instead of vertical.

You can even see it in your own examples, e.g. http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_firstlook/defaultcs.aspx

Splitter

answered on 01 Sep 2015

3 answers

97 views

Not able to download demo trial

Greetings,

I am trying to download the .zip files for the SharePoint 2010 and 2013 webparts from http://www.telerik.com/products/sharepoint/download.aspx and the download links seem to be broken/not working. The .msi downloads are also not working. Please advise how I can download these demos.

Kind regards,

Craig

WebParts for SharePoint

answered on 01 Sep 2015

3 answers

252 views

Marker On Click

Is there a way to handle the Marker on Click on a server side event?

I would like to change the contents of other controls on the page using the data obtained from the Marker location.

Thank you,

Nick

Map

answered on 01 Sep 2015

1 answer

82 views

Can i use SocialShare to Authenticate?

Hi,

i was wondering if anyone knew how to use this SocialShare as a authentication means.

Right now i am using my own facebook and Linkedin Oath to sign a user into our account.

What i would like to do is:

1. if the user select to use socialshare, then logs into one of these social platforms....verify that they indeed were successful at login in.

2. get the username and email and then use it to also log them into my account/ or create a new account with the information.

right now i do this with facebook and linkedin as stated above. Facebook request that the user allow our app, which is fine in the process.

if i can do this above...that would be great and allow me to support more platforms than just facebook/linkedin.

thoughts?

RS

SocialShare

answered on 01 Sep 2015