Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
185 views
Hello,

I have a page (code below) that has a tabstrip on it.  Each tab loads a RadWindow.  Each window has a RadListBox in it configured to AllowTransfer="true".  Everything was working fine until I tried to style the header template.  Once I added the style, the header on the second ListBox incorrectly.

Has anyone experienced any issues related to the styling of the header template?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListBoxText.aspx.cs" Inherits="IgniteDM.Admin.vPacks.ListBoxText" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title></title>
    <style type="text/css">
        .OnDemandListBoxHeader
        {
            padding: 5px;
            font-family: Arial, Verdana;
            font-size: 14px;  
            line-height: 18px
        }       
        .PushListBoxHeader
        {
            padding: 5px;
            font-family: Arial, Verdana;
            font-size: 14px;  
            line-height: 18px
        }       
    </style>   
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />  
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" ShowBaseLine="true"
            SelectedIndex="0" Align="Left" ReorderTabsOnSelect="true" Width="530px">
            <Tabs>
                <telerik:RadTab Text="OnDemand" Font-Bold="true">
                </telerik:RadTab>
                <telerik:RadTab Text="Push" Font-Bold="true">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"
            Width="530px" Height="550px">
            <telerik:RadPageView ID="RadPageView1" runat="server">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr><td> </td></tr>
                    <tr><td> </td></tr>
                    <tr>
                        <td>
                            <div style="padding-left: 20px;">
                                <telerik:RadListBox runat="server" ID="RadListBoxOnDemandSource" Height="200px" Width="230px"
                                    AllowTransfer="true" TransferToID="RadListBoxOnDemandDestination">
                                    <HeaderTemplate>
                                        <div class="OnDemandListBoxHeader">Available Groups</div>
                                    </HeaderTemplate>
                                    <Items>
                                        <telerik:RadListBoxItem Text="Engineering" />
                                        <telerik:RadListBoxItem Text="Operations" />
                                        <telerik:RadListBoxItem Text="Sales" />                                           
                                    </Items>
                                </telerik:RadListBox
                                <telerik:RadListBox runat="server" ID="RadListBoxOnDemandDestination" Height="200px" Width="200px">                             
                                    <HeaderTemplate>
                                        <div class="OnDemandListBoxHeader">Selected Groups</div>
                                    </HeaderTemplate>
                                </telerik:RadListBox
                            </div>
                        </td>
                    </tr>
                </table>                                   
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView2" runat="server">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr><td> </td></tr>
                    <tr><td> </td></tr>
                    <tr>
                        <td>
                            <div style="padding-left: 20px;">
                                <telerik:RadListBox runat="server" ID="RadListBoxPushSource" Height="200px" Width="230px"
                                    AllowTransfer="true" TransferToID="RadListBoxPushDestination">
                                    <HeaderTemplate>
                                        <div class="OnDemandListBoxHeader">Available Groups</div>
                                    </HeaderTemplate>                                        
                                    <Items>
                                        <telerik:RadListBoxItem Text="Engineering" />
                                        <telerik:RadListBoxItem Text="Operations" />
                                        <telerik:RadListBoxItem Text="Sales" />  
                                    </Items>
                                </telerik:RadListBox>
                                <telerik:RadListBox runat="server" ID="RadListBoxPushDestination" Height="200px" Width="200px">
                                    <HeaderTemplate>
                                        <div class="OnDemandListBoxHeader">Selected Groups</div>
                                    </HeaderTemplate>                                          
                                </telerik:RadListBox>
                            </div>
                        </td>
                    </tr>
                </table>    
            </telerik:RadPageView>
        </telerik:RadMultiPage>       
    </div>
    </form>
</body>
</html>
Dean
Top achievements
Rank 1
 answered on 05 Aug 2013
2 answers
427 views
Telerik Dll: 2013.2.717.40 (July 17 2013 release)

When AjaxmangerProxy is used in Content pages, and have LoadinPanelID set for AjaxUpdatedControl, Loading Panel is not being displayed.

Below is sample code for Content Page:

<telerik:RadAjaxManagerProxy ID="mgrPxy" runat="server">
       <AjaxSettings>
           <telerik:AjaxSetting AjaxControlID="btnUpdateTime">
               <UpdatedControls>
                   <telerik:AjaxUpdatedControl ControlID="txtLastupdatedDateTime" LoadingPanelID="appLoadingPanel" />
               </UpdatedControls>
           </telerik:AjaxSetting>
       </AjaxSettings>
   </telerik:RadAjaxManagerProxy>
   <asp:Panel ID="Panel2" runat="server" Width="500px">
       Last Updated DateTime :
       <asp:TextBox ID="txtLastupdatedDateTime" runat="server" Width="200px"></asp:TextBox>
       <br />
       <asp:Button ID="btnUpdateTime" runat="server" Text="Update Time" />
   </asp:Panel>

Code Behind Of Content Page:

Private Sub btnUpdateTime_Click(sender As Object, e As System.EventArgs) Handles btnUpdateTime.Click
       txtLastupdatedDateTime.Text = "Updated On:" + DateTime.Now.ToString()
   End Sub

If i Change From RadAjaxmanagerProxy to RadAjaxManager then loading panel is being displayed. I am attaching code for Master page as well.

SiteMaster.master Page:

<telerik:RadScriptBlock ID="rtsb" runat="server">
            <script type="text/javascript">
                Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(function (sender, e) {
 
                    $get("<%= appLoadingPanel.ClientID %>").style.height = document.documentElement.clientHeight + "px";
 
                    if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
                        $get("<%= appLoadingPanel.ClientID %>").style.height = document.documentElement.scrollHeight + "px";
                    }
                });
            </script>
        </telerik:RadScriptBlock>
        <asp:ContentPlaceHolder ID="ScriptPlaceHolder" runat="server">
        </asp:ContentPlaceHolder>
        <div>
            <label>
                Consume Time: (In Seconds)
            </label>
            <telerik:RadNumericTextBox ID="txtConsumeTime" runat="server" Type="Number" NumberFormat-DecimalDigits="0"
                NumberFormat-AllowRounding="true" />
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <telerik:RadAjaxLoadingPanel ID="appLoadingPanel" runat="server" ZIndex="100000"
            ClientIDMode="Static" BackgroundPosition="Center" CssClass="LoadingPanel" IsSticky="true">
        </telerik:RadAjaxLoadingPanel>
        

Code Behind for SiteMaster:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If (Not IsPostBack) Then
            txtConsumeTime.Text = "1"
        End If
 
        ConsumeTime()
    End Sub
 
    Private Sub ConsumeTime()
        Dim ticker As DateTime = DateTime.Now()
 
        While DateDiff(DateInterval.Second, ticker, DateTime.Now) <= CInt(txtConsumeTime.Text.Trim)
 
        End While
    End Sub
Tarang
Top achievements
Rank 1
 answered on 05 Aug 2013
9 answers
228 views
Since i updated telerik version to Q2 2013, my existing report didn't work anymore.
I use GroupInterval in Year, Quarter, Month and Day columns in sequence and i use ShowGroupsWhenNoData for Month, Day Columns.
It work find on the old version but after i upgrade new version it show only grand total.

any suggestion
<telerik:RadPivotGrid ID="RadPivotGrid1" runat="server" OnNeedDataSource="RadPivotGrid1_NeedDataSource" EnableToolTips="True" ShowColumnHeaderZone="False" ShowDataHeaderZone="False" ShowFilterHeaderZone="False" AggregatesPosition="Columns" Skin="Default" RenderEmptyStringInDataCells="True" OnCellDataBound="RadPivotGrid1_CellDataBound">
    
                                    <Fields>
                                        <telerik:PivotGridColumnField DataField="AssignmentWorkDate" GroupInterval="Year" IsHidden="False" UniqueName="Year">
                                        </telerik:PivotGridColumnField>
                                        <telerik:PivotGridColumnField DataField="AssignmentWorkDate" GroupInterval="Quarter" ShowGroupsWhenNoData="False" UniqueName="Quarter">
                                        </telerik:PivotGridColumnField>
                                        <telerik:PivotGridColumnField DataField="AssignmentWorkDate" GroupInterval="Month" ShowGroupsWhenNoData="True" UniqueName="Month">
                                        </telerik:PivotGridColumnField>
                                        <telerik:PivotGridColumnField DataField="AssignmentWorkDate" ShowGroupsWhenNoData="True" GroupInterval="Day" UniqueName="Date">
                                        </telerik:PivotGridColumnField>
                                        <telerik:PivotGridRowField DataField="ProjectName" ShowGroupsWhenNoData="False" Caption="Proj.">
                                        </telerik:PivotGridRowField>
                                        <telerik:PivotGridRowField DataField="Username" ShowGroupsWhenNoData="False" Caption="Res." CellStyle-ForeColor="#3333FF">
                                        </telerik:PivotGridRowField>
                                        <telerik:PivotGridAggregateField DataField="AssignWorkHourFormat" Aggregate="Sum" DataFormatString="{0:F2}" TotalFormatString="{0:F2}">
                                        </telerik:PivotGridAggregateField>
                                    </Fields>
</telerik:RadPivotGrid>
Milena
Telerik team
 answered on 05 Aug 2013
1 answer
260 views
Hi.
I am using telerik version 2012.2.607.35 .I want to implement cell click functionality in grid ,I tried to use grid item command event to load the values from grid while clicking on the particular cell.But i cant able to get the values from grid.I thought the issue was in command name so i changed the command name and checked but the functionality doesn't work.Please let me know how to implement this cell click functionality.

Thanks in advance,
Pravin KK 
A2H
Top achievements
Rank 1
 answered on 05 Aug 2013
2 answers
104 views
Hi,

   I am looking for the example code for the slide menu (from left to right) as on http://demos.telerik.com/aspnet-ajax/ when you click on the "All Controls" button on the left.

    Can someone show me the minimum code required for that? 

    thanks,
    Sameers
Boyan Dimitrov
Telerik team
 answered on 05 Aug 2013
1 answer
106 views
1) What is stripping the tfoot off my table, is there some filter doing that?
2) Is there no UI for editors to add the headers and footers on a new table...we're not seeing it? (In design mode for people who don't know html)
Ianko
Telerik team
 answered on 05 Aug 2013
1 answer
76 views
Hello -

The new Firefox 22 has a slightly taller bottom/center cell and it's showing another piece of the background sprite.  This can be seen on the overview demo with the older skins (ex. Black, Metro, Telerik).  It does not occur when using Lightweight rendering but that's not an option for me yet.

What's the quick CSS fix?

Thanks.
Geoff
Top achievements
Rank 1
 answered on 05 Aug 2013
1 answer
61 views

Dear  experts , how  to handle  following:

  after  click  on  the  Context menu  item  in  onClientContextMenuItemClicking (or OnClientContextMenuItemClicked)  event,  and  then  the  popup  div  layers (or aspx pages), and  gets  inside  the  text  of  TextBox1(TextBox1.Text):

 

1. when TextBox1.text  is  not  null (or is  not  empty  string ), return  true, and  execut  service RadTreeView1_ContextMenuItemClick  event  ;

2. when TextBox1.text is null (or empty string), returns  false, will  does not  execut  services RadTreeView1_ContextMenuItemClick  event.

 

Reference:

Client  code:

function onClientContextMenuItemClicking(sender, args) {

var menuItem = args.get_menuItem();

var treeNode = args.get_node();

menuItem.get_menu().hide();

switch (menuItem.get_value()) {

case "new":

var  result=  pseudocode:(pop-up layer :  when  input  text  of  TextBox1 is not null or not  empty  string ): return true;  when TextBox1.text  is null  or empty  string  return  false.);

args.set_cancel(!result);  

break;

 

Description:

1.  /*  When variable  result  return  false  and  did not  execut RadTreeView1_ContextMenuItemClick .   Key points: When the pop-up layers, how to block  the  program to continue execut */  

2. /* this (pseudocode) is  my problem , and  how can  I  write  the  code ? */

}


Services  code:

 

protected void RadTreeView1_ContextMenuItemClick(object sender, RadTreeViewContextMenuEventArgs e)

{

RadTreeNode clickedNode = e.Node;

switch (e.MenuItem.Value)

{

case "new":

if(! IsNullOrEmpty (textbox1.text))

clickedNode.Nodes.Add(textbox1.text);

}}

many  thanks!


Hristo Valyavicharski
Telerik team
 answered on 05 Aug 2013
1 answer
448 views
I have an SharePoint 2010 Application Page that is using the RadAsyncUpload (2012.2.607.35) with a CustomHttpHandler.  The CustomHandler is in a subfolder to the folder that houses the Application Page (ex: _layouts/Form/AppPage.aspx and _layouts/Form/CustomHttpHandler/Handler.ashx). 

For whatever reason, the file uploads are working when I do them in IE but are failing with a 403 Forbidden error in Firefox.  To implement the custom handler:
1) I set the "HttpHandlerUrl" attribute of the RadAsyncUpload to point to "~/_layouts/Form/CustomHttpHandler/Handler.ashx"
2) I added
<location path="_layouts/Form/CustomHttpHandler/Handler.ashx">
    <system.web>
      <authorization>
        <allow users="*" />
      </authorization>
    </system.web>
  </location>
to the SharePoint web.config.

If I remove the HttpHandlerUrl attribute (so that files are sent to the temp folder location instead), the RadAsyncUpload works in both IE and Firefox with no problems so I know this has something to do with a configuration step for using a custom http handler that I'm missing. 

Thank you in advance for any help you can provide!
Plamen
Telerik team
 answered on 05 Aug 2013
4 answers
90 views
I have a RadGrid with EditMode="InPlace" working just fine, but have a requirement that for Updates "InPlace" mode is needed and for Inserts "Popup" mode is needed.  On top of that, I need to use EditFormType="Template" for Popup mode only, because we don't want to see the Insert & Cancel links.  So I need to be able to toggle back and forth between these 2 modes and only 1 of the modes uses a template.  How can I best accomplish this?

Thanks,
Rob
Konstantin Dikov
Telerik team
 answered on 05 Aug 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?