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

Hi there,

    I'm trying to mimic the behavior of the Telerik Web Mail demo.  I have a left pane that contains some navigation, and it splits horizontal with a rad panel bar at the bottom left.  This all seems to be working except when I collapse the panel bar area.  When I collapse this area, a vertical and horizontal bar appears.  I have attached files showing the issue.  I believe I have copied for the most part the web mail structure (with a few changes but nothing I can see that would make a difference).

 I have attached images of the program, and supplied the html markup below.

 

<div style="height: 100vh; width: 100%; border: none;">
    <telerik:RadSplitter runat="server" ID="MC2SplitterMain" Height="100%" Width="100%" 
        Skin="Windows7" Orientation="Horizontal" VisibleDuringInit="false"  BorderStyle="None" BorderSize="0" PanesBorderSize="0" >
        <telerik:RadPane ID="pnlTopFixed" runat="server" Width="100%" Height="77px" Scrolling="None">
            <nav class="navbar navbar-default navbar-static-top" role="navigation">
              <div class="container-fluid">
                <div class="navbar-header">
                    <div class="navbar-brand"><asp:HyperLink runat="server" CssClass="MC2WhiteHyper TextLogo" ID="lnkCFConnect" Text="Cforia.<i>connect</i>" NavigateUrl="https://cforiasoftware.zendesk.com/" Target="_blank"></asp:HyperLink></div>
                </div>
                <div>
                  <div class="nav navbar-nav navbar-right">

                      <div class="col tm5">
                        <telerik:RadSearchBox runat="server" ID="MC2GlobalSearch" ClientIDMode="Predictable"
                            Skin="Windows7"
                            Width="100%" DropDownSettings-Height="300"
                            EmptyMessage="Search"
                            Filter="StartsWith"
                            MaxResultCount="20">
                        </telerik:RadSearchBox>
                        </div>
                      <div class="col tm5" style="margin-right: 100px;">&nbsp;</div>
<!--                    <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>  -->
                  </div>
                </div>
              </div>
            </nav>


            <div class="menu" style="zoom: 1;">
                <telerik:RadMenu runat="Server" ID="RadMenu1" EnableOverlay="true" Skin="Windows7" EnableShadows="true" EnableRoundedCorners="true" Width="100%">
                    <Items>
                        <telerik:RadMenuItem runat="server" Text="Actions">
                            <Items>
                                <telerik:RadMenuItem Text="New Activity"  />
                                <telerik:RadMenuItem Text="New Note"  />
                                <telerik:RadMenuItem Text="New Contact"  />
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="View">
                            <Items>
                                <telerik:RadMenuItem Text="Activities"  />
                                <telerik:RadMenuItem Text="Customers">
                                    <Items>
                                        <telerik:RadMenuItem Text="Query Template 1"></telerik:RadMenuItem>
                                        <telerik:RadMenuItem Text="Query Template 2"></telerik:RadMenuItem>
                                    </Items>
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem Text="Parents" />
                                <telerik:RadMenuItem Text="Headquarters" />
                                <telerik:RadMenuItem Text="Transactions" />
                                <telerik:RadMenuItem Text="Deductions" />
                                <telerik:RadMenuItem Text="Open Orders" />
                                <telerik:RadMenuItem Text="Contacts" />
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Help">
                            <Items>
                                <telerik:RadMenuItem Text="Cforia Connect" 
                                    NavigateUrl="https://cforiasoftware.zendesk.com/" Target="_blank" />
                            </Items>
                        </telerik:RadMenuItem>
                    </Items>
                </telerik:RadMenu>
            </div>

        </telerik:RadPane>   
        <telerik:RadPane ID="pnlBottomFixed" runat="server" Width="100%">     
            <telerik:RadSplitter ID="MC2Splitter" runat="server" ClientIDMode="Predictable" Height="100%" Width="100%" Skin="Windows7">
                <telerik:RadPane ID="navigationPane" runat="server" Width="250" MaxWidth="400" MinWidth="150" >
                    <telerik:RadSplitter runat="server" ID="MC2SplitterLeft" BorderStyle="None" PanesBorderSize="0" Orientation="Horizontal" Height="100%" >
                        <telerik:RadPane runat="server" ID="topLeftPane">
                            <div class="lm5 rm5 tm5 bm5">
                                <label class="control-label boldimp rm5" for="cmbAgent"><asp:Label runat="server" ID="lblAgent" Text="Agent:"></asp:Label></label>
                                <telerik:RadComboBox runat="server" ID="cmbAgent" CssClass="cmbSearchCombo" MarkFirstMatch="true"  DataTextField="Display" DataValueField="Value" MaxHeight="200px" HighlightTemplatedItems="true" DropDownWidth="450px" ClientIDMode="Predictable" Width="125px" >
                                    <HeaderTemplate>
                                        <ul>
                                            <li class="CMB_colChk">&nbsp;</li>
                                            <li class="CMB_col1">Agent ID</li>
                                            <li class="CMB_col2">Name</li>
                                        </ul>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <div id="divAgentValues" onclick="StopPropagation(event)" class="combo-item-template">
                                            <ul>
                                                <li class="CMB_colChk"><input type="checkbox" class="chkAgent" index='<%# DataBinder.Eval(Container.DataItem, "Index") %>' desc='<%# DataBinder.Eval(Container.DataItem, "Col2") %>' value='<%# DataBinder.Eval(Container.DataItem, "Col1") %>'></li>
                                                <li class="CMB_col1 clsAgentValue" value='<%# DataBinder.Eval(Container.DataItem, "Col1") %>' >
                                                <%# DataBinder.Eval(Container.DataItem, "Col1") %></li>
                                                <li class="CMB_col2 clsAgentValue" value='<%# DataBinder.Eval(Container.DataItem, "Col1") %>'>
                                                <%# DataBinder.Eval(Container.DataItem, "Col2")%></li>
                                            </ul>
                                        </div>
                                    </ItemTemplate>
                                </telerik:RadComboBox> 
                            </div>
                            <div>
                                <telerik:RadTreeView ID="tvNavigation" runat="server" Skin="Windows7" Height="100%" ClientIDMode="Predictable"></telerik:RadTreeView>
                            </div>
                        </telerik:RadPane>
                        <telerik:RadSplitBar runat="server" ID="MC2LeftSplitBar" CollapseMode="Backward" EnableResize="false" />
                        <telerik:RadPane runat="server" ID="bottomLeftPane" ClientIDMode="Predictable" BorderStyle="None" Height="236" MaxHeight="236">
                            <telerik:RadPanelBar runat="server" ID="MC2PanelNavigation" Height="100%" Width="100%"  Skin="Windows7" ClientIDMode="Predictable">
                                <Items>
                                    <telerik:RadPanelItem Text="Home" Value="" Expanded="false"></telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelBar>
                        </telerik:RadPane>
                    </telerik:RadSplitter>
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>
                    <telerik:RadPane ID="MC2ContentPane" runat="server" Scrolling="Y" ContentUrl="~/Controls/frmMainV2.aspx?ID=37">
                    </telerik:RadPane>
            </telerik:RadSplitter>
        </telerik:RadPane>
    </telerik:RadSplitter>
</div>​

 

Dennis
Top achievements
Rank 1
 answered on 11 Sep 2015
2 answers
123 views
Hi!

I need to get the clicked date in the RadCalendar, regardless if it was selected or deselected. I know you can do is on the clientside, but I need to to this serverside.

I'v tried with the method RadCalendar_SelectionChanged, but then I only get an array of selected dates, not any information about the last date that triggered the event handler.

Is this possible?

Best regards,
P
DogBizPro
Top achievements
Rank 1
 answered on 11 Sep 2015
4 answers
248 views

Hi,

I have a RadGrid and "Next" button in a user control and the user control is one of the wizard steps. The website is built in Sitefinity CMS. 

I have a requirement to validate no.of records in RadGrid and display a message to user if there are no records. To put in another way, something like RequiredFiledValiation: the user should not be able to proceed to Next step if there are 0 records.  

I tried the following. 

1.  

  protected void RadGrid1_PreRender(object sender, EventArgs e) 
    { 
        RadGrid1.MasterTableView.AllowPaging = false; 
        RadGrid1.Rebind(); 
        Label1.Text = RadGrid1.MasterTableView.Items.Count.ToString(); 
        RadGrid1.MasterTableView.AllowPaging = true; 
        RadGrid1.Rebind(); 
    } 

2. Below code in ItemDataBound 

if TypeOf e.Item is GridFooterItem Then 

        Label1.Text = RadGrid1.MasterTableView.Items.Count.ToString(); 
 End If

 

3.  In Page_Load():    Label1.Text = RadGrid1.MasterTableView.Items.Count.ToString(); 

 

Nothing worked, the count is always 0.

 

Please suggest me something definite.

 

Regards,

Siva Karthik

Siva Karthik
Top achievements
Rank 1
 answered on 11 Sep 2015
6 answers
174 views

Hi all

3 questions

1- is it possible to put image as background when playing audio (Background change with file as poster)

2- delay play with playlist

put some delay between each file (delay is variable each time)

3-repeat certain times

put a text indicate the number of repeat (repeat play ex 3 times for each file)

 

thank you

Eyup
Telerik team
 answered on 11 Sep 2015
1 answer
178 views

Hi,

 

I have a Vertical RadMenu on master page that gets populated from a sitemap. I am using the Silk skin as the base skin with my own color modifications.

I want to use it as a NotificationMenu.

Example: People can add products by using a project registration Page. ProductRegistration.aspx. At the Menu Item there will be an Item called "New Products Registered". I want to add onto this menu item a type of count indicator (with small gray circle background ) that Counts the New Products out of the database table and displays it on the menu item. Of course if you click on the menuItem you must be redirected to the Page containing list of new products added (Radgrid)

 

Is there a better control to use or a better way to do this?

 

 <telerik:RadMenu ID="NotificationsMenu" runat="server" item DataSourceID="smNotificationsMenu" EnableEmbeddedSkins="False" 
                                    RenderMode="Lightweight" Skin="LeftMenuSkin"
                                    ShowToggleHandle="True" Flow="Vertical">

 

 

Kind Regards

Magdalena
Telerik team
 answered on 11 Sep 2015
1 answer
114 views

Hi,

I have problem with visual studio ultimate 2013, when I was move bottun up then all my objects are disappear in design view but still I have code in source view.

I post picture that is what look like when I go to design view, all object are dissappear and also when I do view browser not show the objects, anybody can help me please.

Thank you.

 

Pavlina
Telerik team
 answered on 11 Sep 2015
1 answer
92 views

Hi, i have a RadDatePicker in EditForm in RadGrid.

The column in RadGrid consist of EditButtonColumn, Name, StartDate, EndDate.

when i click Edit, it shows error:

Sys.WebForms.PageRequestManagerServerErrorException: Specified cast is not valid.

I assume this is because the value StartDate and EndDate is empty/null.

my code to assign the value to RadDatePicker is like this:

<telerik:RadDatePicker ID="radStartDate" runat="server" Culture="en-US" TabIndex="8" Skin="MetroTouch" SelectedDate='<%# Bind("StartDate") %>'>
    <Calendar ID="Calendar1" runat="server">
        <SpecialDays>
            <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="Yellow">
            </telerik:RadCalendarDay>
        </SpecialDays>
    </Calendar>
    <DateInput DisplayDateFormat="d/M/yyyy" DateFormat="d/M/yyyy" LabelWidth="40%" TabIndex="6">
    </DateInput>
</telerik:RadDatePicker>
 
<telerik:RadDatePicker ID="radEndDate" runat="server" Culture="en-US" TabIndex="9"  Skin="MetroTouch" SelectedDate='<%# Bind("EndDate") %>' >
    <Calendar ID="Calendar2" runat="server">
        <SpecialDays>
            <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="Yellow">
            </telerik:RadCalendarDay>
        </SpecialDays>
    </Calendar>
    <DateInput DisplayDateFormat="d/M/yyyy" DateFormat="d/M/yyyy" LabelWidth="40%" TabIndex="6">
    </DateInput>
</telerik:RadDatePicker>

How to set RadDatePicker, when there's no value, shows no error. And if there's a value, the value of StartDate and EndDate will set to TextField and SelectedDate in RadDatePicker 

 

Thank you very much

Viktor Tachev
Telerik team
 answered on 11 Sep 2015
1 answer
443 views

Hi, i have a RadDatePicker in EditForm in RadGrid.
The column in RadGrid consist of EditButtonColumn, Name, StartDate, EndDate.
when i click Edit, it shows error:

Sys.WebForms.PageRequestManagerServerErrorException: Specified cast is not valid.


I assume this is because the value StartDate and EndDate is empty/null.

my code to assign the value to RadDatePicker is like this:

<telerik:RadDatePicker ID="radStartDate" runat="server" Culture="en-US" TabIndex="8" Skin="MetroTouch" SelectedDate='<%# Bind("StartDate") %>'>
    <Calendar ID="Calendar1" runat="server">
        <SpecialDays>
            <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="Yellow">
            </telerik:RadCalendarDay>
        </SpecialDays>
    </Calendar>
    <DateInput DisplayDateFormat="d/M/yyyy" DateFormat="d/M/yyyy" LabelWidth="40%" TabIndex="6">
    </DateInput>
</telerik:RadDatePicker>
 
<telerik:RadDatePicker ID="radEndDate" runat="server" Culture="en-US" TabIndex="9"  Skin="MetroTouch" SelectedDate='<%# Bind("EndDate") %>' >
    <Calendar ID="Calendar2" runat="server">
        <SpecialDays>
            <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="Yellow">
            </telerik:RadCalendarDay>
        </SpecialDays>
    </Calendar>
    <DateInput DisplayDateFormat="d/M/yyyy" DateFormat="d/M/yyyy" LabelWidth="40%" TabIndex="6">
    </DateInput>
</telerik:RadDatePicker>


How to set RadDatePicker, when there's no value, shows no error. And if there's a value, the value of StartDate and EndDate will set to TextField and SelectedDate in RadDatePicker 

Thank you very much
Viktor Tachev
Telerik team
 answered on 11 Sep 2015
1 answer
126 views

Hi Telerik,

               I have a Problem With the Export to excel. In my case, I created the multiple radgrids dynamically from Code - behind and add it into the Placeholder. I have enabled the default Export to excel button for all grids. I haven't use any ajax panels, but I use Update panel. When i click the default Export to excel button, all grids are invisible and excel did not generated.

 Code:

   Dim dset As DataSet
        Dim col_count As Integer

        For i As Integer = 0 To c - 1

            Dim radgrid1 As New Telerik.Web.UI.RadGrid
            radgrid1.ID = "RadGrid" & i
            radgrid1.ExportSettings.Excel.Format = GridExcelExportFormat.Html
            radgrid1.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top
            radgrid1.MasterTableView.PageSize = "10"
            radgrid1.MasterTableView.CommandItemSettings.ShowExportToExcelButton = True
            radgrid1.MasterTableView.DataKeyNames = New String() {"employee_id"}
            radgrid1.ExportSettings.ExportOnlyData = True

            radgrid1.ExportSettings.FileName = Pub_dset.Tables("tblCount").Rows(i).Item("sub_heading")
            radgrid1.MasterTableView.Caption = "Sub Heading - " & Pub_dset.Tables("tblCount").Rows(i).Item("sub_heading")
            radgrid1.AutoGenerateColumns = False
            radgrid1.ClientSettings.ClientEvents.OnCommand = "onRequestStart('this')"
            dset = DAL.details(9, 4, "", "", "", 0, 0, 0, CDate(Now), CDate(Now), CDate(Now), "", "", "", 0, "", "", 0, 0, i, "", 0, "", 0, 0, "", 0, CDate(Now), "tblBind")
            col_count = dset.Tables("tblBind").Columns.Count
            col_count = dset.Tables("tblBind").Columns.Count

            For j As Integer = 0 To dset.Tables("tblBind").Columns.Count - 1
                Dim Bcol As New GridBoundColumn
                Bcol.DataField = dset.Tables("tblBind").Columns(j).ColumnName
                Bcol.UniqueName = dset.Tables("tblBind").Columns(j).ColumnName
                Bcol.HeaderText = dset.Tables("tblBind").Columns(j).ColumnName
                Bcol.ShowFilterIcon = True
                Bcol.AllowFiltering = True
                Bcol.AllowSorting = True
                Bcol.ItemStyle.Wrap = False
                radgrid1.MasterTableView.Columns.Add(Bcol)
                If Bcol.UniqueName = "employee_id" Or Bcol.UniqueName = "emp_no" Then
                    radgrid1.MasterTableView.GetColumn(Bcol.UniqueName).Display = False
                End If
                If Bcol.DataField = "emp_name" Then
                    Bcol.HeaderText = "Employee Name"
                End If
            Next
            radgrid1.DataSource = dset.Tables("tblBind")

            radgrid1.Rebind()
            PlaceHolder1.Controls.Add(radgrid1)
            PlaceHolder1.Controls.Add(New LiteralControl("<br><br>"))
        Next

 

Please help me resolve this...

its very urgent...

Eyup
Telerik team
 answered on 11 Sep 2015
1 answer
149 views

Hello

      I need to set the item cell read only in batch edit mode. I found a solution that handles the OnBatchEditOpening event at client side. But this property is not supported because the telerik version is 2013.02.0611.40. And I cannot update it by myself due to corporation's manner. Is there any other way to achieve my requirement?

Thanks.

Best regards

Zhang Rui

Eyup
Telerik team
 answered on 11 Sep 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?