Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
58 views
Hi,

Is it possible to style those links found at the bottom left on the popup when in "PopUp Edit Mode"?

I'm referring to the links called "Update", "Add", "Cancel" etc.

Thanks for your help.
Shinu
Top achievements
Rank 2
 answered on 10 Sep 2010
1 answer
97 views
Hi,

I have a strange behavior when using a listbox having AllowReorder, EnableDragAndDrop and CheckBoxes properties set to true.
Here is a sample scenario :
intial state :
-item1 checked
-item2
-item3

then using clientside drag and drop, reorder the item in order to have this :
-item3
-item1 checked
-item2

then a postback occurs and on server side, on OnPrerender event of the listbox I have the following issue :  
item3.Checked is true, item1.Checked is false and item2.Checked is false.

(I seems that checkboxes values are managed by indexes)

Help greatly appreciated !

Bye

Morgan
Genady Sergeev
Telerik team
 answered on 10 Sep 2010
15 answers
2.1K+ views
I am trying to do the radgrid inline edit using the following code. I having trhe following issues whose help i coudnt find on documentation.
1) After editing or inserting and clicking on save/insert image button  the row is still in edit mode .I want it to change it back to the view mode.As it happens when i click the cancel button.
2.) How can i set my own  images(inset/update/cancel) and text for the inline editing .i am using
the following code but the grid is taking default images.

<

EditColumn ButtonType="ImageButton" CancelImageUrl="../../../../Images/16x16/Cancel.png" EditImageUrl="../../../../Images/16x16/Save.png" InsertImageUrl="../../../../Images/16x16/Save.png" UpdateImageUrl="../../../../Images/16x16/Save.png"

InsertText="Insert record" UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">

</EditColumn>

3.)when i switch to edit mode , the textboxes for editing are expanding  and increasing the column width even though i am giving a fixed sixe "500px" for grid.
 i need a fix size for the textboxes so that the column width remains same when i am in edit or view mode.


Here is my code for the grid

<div style="width:500px;">

<telerik:RadGrid ID="RadGrid1" Skin="Outlook" GridLines="None" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemInserted="RadGrid1_ItemInserted"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True" Width="97%" PageSize="20" OnUpdateCommand="RadGrid1_UpdateCommand" OnInsertCommand="RadGrid1_InsertCommand"

AllowAutomaticUpdates="True" AllowPaging="True" AutoGenerateColumns="False" CommandItemDisplay="Top"

>

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView Width="100%" DataKeyNames="ows_ID" AllowSorting="true"

CommandItemDisplay="Top" AllowPaging="true" HorizontalAlign="NotSet" AutoGenerateColumns="False">

<CommandItemSettings AddNewRecordText="Add" AddNewRecordImageUrl="../../../../Images/addcontrol.gif" />

<Columns>

<telerik:GridEditCommandColumn EditImageUrl="../../../../Images/16x16/Edit.png" ButtonType="ImageButton" UniqueName="EditCommandColumn">

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="ows_ID" HeaderText="ID" ReadOnly="True" SortExpression="ows_ID"

UniqueName="ID" Visible="False">

<HeaderStyle Width="20px" ForeColor="Silver" />

<ItemStyle ForeColor="Silver" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ShowSortIcon="true" DataField="ows_Section" HeaderText="Section" SortExpression="ows_Section"

UniqueName="Section">

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ows_Pod" HeaderText="Pod" SortExpression="ows_Pod"

UniqueName="Pod">

<ItemStyle Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ows_Cube" HeaderText="Cube" SortExpression="ows_Cube"

UniqueName="Cube">

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ows_SeatingArea" ReadOnly="true" HeaderText="Seating Area" SortExpression="ows_SeatingArea"

UniqueName="SeatingArea">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings >

<FormCaptionStyle ></FormCaptionStyle>

<EditColumn ButtonType="ImageButton" CancelImageUrl="../../../../Images/16x16/Cancel.png" EditImageUrl="../../../../Images/16x16/Save.png" InsertImageUrl="../../../../Images/16x16/Save.png" UpdateImageUrl="../../../../Images/16x16/Save.png"

InsertText="Insert record" UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" ></FormTableButtonRowStyle>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</div>


Thanks
Abdul

Pavlina
Telerik team
 answered on 10 Sep 2010
3 answers
85 views
I have a hierachal radgrid.
The problem I am having is that it only allows a single parent to have it's children expanded at a time.

If Parent row 1 is expanded,
then I click to expand Parent row 2
-- Parent row 1 collapses, then Parent row 2 expands.


I do not want the row to collapse automatically.
I want to be able to have multiple rows be expanded at one time (and I have done this many times without a problem! )

I understand from this:
http://www.telerik.com/help/aspnet-ajax/grdsingleexpandinhierarchicalgrid.html

that the grid should not behave this way be default... but I did not implement any code to affect this functionality. 
Is there a setting or somewhere I should look to correct this?

Thanks.
Pavlina
Telerik team
 answered on 10 Sep 2010
3 answers
144 views
Hi,

I have a radgrid, we are trying to show pager style as per attached screen shot.
We tried a lot but till yet no success.

For example: In the table, We need to  show prev, next (with numberic 1,2 .. in between prev and next only) and ViewAll in the right of the 1st TR.
In the 2nd TR, in 1st col left allinged, we have to show Display 25 of some ... and in 2nd col center alligned, show Display per page combo box.

display Position should be top and bottom of the grid.

Note: I tried by using Pager Template, but not able to get it done.
Mira
Telerik team
 answered on 10 Sep 2010
2 answers
122 views
I created a ASP.NET project that uses VS 2010 template. The project pages use the default Site,Master and the default CSS that comes with VS 2010. When I add the code below (which is a copy of the code supplied with Telerik Demos) to a content in a web form page (that uses the master page) the menu disappears. The control that's causing the menu disappear is: RadDockZone. I can reproduce the problem by creating a new project and adding the code below to a page (or just a raddoclayout and raddockzone).

Would anybody have any suggestions how to fix the problem. I can guess that it's CSS issue but do not have much time (not now) for trying to find out what is going on. Workaround could be anything as long as the menu shows up and the rad dock demo code works.

Thanks

<telerik:RadScriptManager ID="ScriptManager" runat="server">
</telerik:RadScriptManager>
    <telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="All" runat="server" DecorationZoneID="ConfiguratorContainer1"/>
    <telerik:RadDockLayout runat="server" ID="RadDockLayout1">
        <table>
            <tr>
                <td style="vertical-align: top">
                    <telerik:RadDockZone ID="RadDockZone2" runat="server" Orientation="Vertical" Width="250px"
                        MinHeight="200px">
                        <telerik:RadDock ID="RadDock1" runat="server" Title="Blogs" Width="250px" EnableAnimation="true"
                            EnableRoundedCorners="true" Resizable="true">
                            <ContentTemplate>
                                aaa
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </td>
                <td style="vertical-align: top">
                    <telerik:RadDockZone ID="RadDockZone1" runat="server" Orientation="Vertical" Width="560px"
                        MinHeight="200px">
                        <telerik:RadDock ID="RadDock2" runat="server" Title="News" Width="250px" EnableAnimation="true"
                            EnableRoundedCorners="true" Resizable="true">
                            <ContentTemplate>
                                bbbb
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </td>
            </tr>
        </table>
        </telerik:RadDockLayout>
Pero
Telerik team
 answered on 10 Sep 2010
4 answers
163 views
Hello,

We are facing a display issue within our Scheduler control; We want to get the text overflow hidden and not being forced to next line of an appointment (printscreen attached).

We tried the below css code without success, someone can help?

<style type="text/css">  
/* hide additional content and don't allow the headers to wrap */    
    
div.RadScheduler .rsMonthView .rsHoursTable .rsMainHeader,    
div.RadScheduler .rsMonthView .rsHoursTable .rsMainHeader div,    
div.RadScheduler .rsTimelineView .rsHoursTable .rsMainHeader,    
div.RadScheduler .rsTimelineView .rsHoursTable .rsMainHeader div    
{    
    overflow: hidden;  
    white-space: nowrap;   
    text-overflow: ellipsis;    
}    
</style> 

Regards,
David
Myke
Top achievements
Rank 2
 answered on 10 Sep 2010
1 answer
67 views
Hi,
I'm trying to implement the client side editing without doing postback / callbacks. I mean, I want to do a server batch update only at the end of the client editing. Calling back the server just for showing the editing controls for me it is just useless (too slow in a real scenario).
I was looking at your example (the only one I've found)
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/clienteditbatchupdates/defaultcs.aspx
and I'm trying to replicate it, but I've immediately noticed one thing that I don't like at all: you are adding an hidden editing control directly to the ItemTemplate of the column. I don't like it because it means that for each cell you are creating 2 controls and this is an enormous waste of space.
Can't you suggest a way to create just 1 editing hidden control for column istead?

Best regards, Andrea Pirola
Radoslav
Telerik team
 answered on 10 Sep 2010
2 answers
1.7K+ views
I trying to use a rad splitter within a fixed header. There is a left pane for navigation and notification and a main content pane. The bottom portion of the scroll bar gets cut off and I can't figure out what I am doing wrong. I would really appreciate anyone who can point me in the right direction. Below is the code and attached is a screen shot of what I am ending up with.


<?xml version="1.0" encoding="iso-8859-1"?>
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  
  
  
  
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  
    <title></title>
  
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
  
<style type="text/css"
  
html, body, form
{
   
  height: 100%;   
   margin: 0px;   
   padding: 0px
    
      
}
  
html {
  
height:100%
max-height:100%
padding:0;
margin:0
border:0
  
/* hide overflow:hidden from IE5/Mac */ 
  
overflow: visible
  
}
  
body {  
  
        height:100%
        max-height:100%
        overflow:hidden
        padding:0
        margin:0
        border:0;
          
        background:#fff
        font-family:arial, verdana, sans-serif
        font-size:76%;
        min-width:550px;
          
      
  
}
  
  
#container 
{
      
    overflow:auto
    position:absolute
    z-index:3
    height:100%
    top:104px
    bottom:0px
    left:0px
    right:0
    width: 100%
    margin-bottom:200px;
      
}
  
* html #container 
{
    top:0
    left:0
    right:0
    bottom:0px
    height:100%
    max-height:100%
    width:100%
    overflow:auto
    position:relative
    z-index:3
      
}
  
  
  
  
#header {
    
  position:absolute
  margin:0
  top:0
  left:0
  display:block
  width:100%
  height:100px;  
  z-index:5
  overflow:visible
  border-bottom: #ccc 4px solid;    
    padding:0px;  
  text-align:left;
  
}
  
  
  
  
</style>
  
  
</head>
  
  
<body >
  
  
    <form id="form1" runat="server"  >
  
      
  
<div id="container">
  
  
  <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Vista" />
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Vista" />
  
  
  
  
  
  
    <telerik:RadSplitter ID="RadSplitter1" runat="server"   BorderSize="0"  CssClass="radSplitter" Width="100%" Height="100%"  >
  
        <telerik:RadPane ID="LeftPane" runat="server" Width="180px" MaxWidth="300"   >
         
       <div id="leftColumnContent">
    <h4>Logged in as:</h4>
    <hr />
  
    <telerik:RadPanelBar runat="server" ID="RadPanelBar1"  Width="150"    >
            <Items>
                <telerik:RadPanelItem Expanded="True" Text="Pending Items">
                    <Items>
                        <telerik:RadPanelItem Text="Pending Item 1" NavigateUrl="Error.aspx">
                        </telerik:RadPanelItem>
  
  
                    </Items>
                </telerik:RadPanelItem>
                  
  
            </Items>
        </telerik:RadPanelBar>
        </div>
  
  
        </telerik:RadPane>
   
        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward"  />
  
        <telerik:RadPane ID="RightPane" runat="server" Scrolling="Y"  >
   
            <div id="mainContent">
             <asp:ContentPlaceHolder ID="MainContent" runat="server">
                      
  
  
  
              
            </asp:ContentPlaceHolder>
                    </div>
  
        </telerik:RadPane>
  
          
  
  
    </telerik:RadSplitter>
  
  
  
</telerik:RadSplitter>
  
  
  
  
  
  
   
</div>
<!-- end of container -->
  
  
  
  
<div id="header">
<table width="100%" border="0">
                <tr>
                    <td>
                        <a href="/Default.aspx">
                            <img src="/Images/logo.png" width="138" height="66" vspace="10"  /></a>
                    </td>
                    <td width="100%">
                        <table cellpadding="0" cellspacing="0" width="100%" border="0">
                            <tr>
                                <td>
                                    <div style="float: right;">
                                        <asp:TextBox ID="txtSearchBox" runat="server" Width="450" Enabled="false"></asp:TextBox> 
                                        <asp:Button ID="btnSearch" runat="server" Text="Search" Enabled="false" />
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div style="float: right; margin-top: 5px; border-top: 2px solid #ccc; width:100%;">
                                        <div style="float: right; border:0px; margin:0px;">
                                              
                    </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- end #header -->
  
  </DIV>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    </form>
  
  
  
</body>
Svetlina Anati
Telerik team
 answered on 10 Sep 2010
4 answers
97 views
when onmouseover the Label control "lblProductTitle",RadToolTipManager has been refreshed and RadTookTipManager content did not come out, RadTookTipManager control has been flashing

It is the masterpage code front please see the blod part:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Panel">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
     </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"  Style="height: 100%;
        width: 100%;"  Skin="" Transparency="30">
        <div class="loading">
         <div style=" width:100%; height:50%;">
        </div>
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading5.gif" AlternateText="loading" />
            <asp:Label runat="server" Text="<%$Resources:Languages,loading%>" style=" font-family:Calibri;" />
        </div>
    </telerik:RadAjaxLoadingPanel>
    <fieldset style="width: 100%; height: 100%;">
        <asp:Panel ID="Panel" runat="server" style=" width:100%; height:100%;">
            <table style="height: 100%; width: 100%;" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="height: 30px; vertical-align: bottom">
                        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                            <script type="text/javascript">
                                function showProductIntroduction() {
                                    var tooltipManager = $find("ctl00_RadToolTipManager1");
                                    if (tooltipManager) {
                                        var tooltip = tooltipManager.getToolTipByElement(document.getElementById("ctl00_lblProductTitle"));
                                        if (!tooltip) {
                                            tooltip = tooltipManager.createToolTip(document.getElementById("ctl00_lblProductTitle"));
                                            tooltip.show();
                                        }
                                    }
                                }
                            </script>
                        </telerik:RadCodeBlock>
                        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
                            <table width="100%" class="tableClass">
                                <tr>
                                    <td>
                                        <telerik:RadToolTipManager ID="RadToolTipManager1" OffsetX="15" Skin="Telerik" Position="MiddleRight"
                                            Height="260px" Width="220px" AutoCloseDelay="999999" RelativeTo="Element" runat="server"
                                            OnAjaxUpdate="RadToolTipManager1_AjaxUpdate">
                                        </telerik:RadToolTipManager>
                                        <asp:Label runat="server" ID="lblProductTitle" onmouseover="showProductIntroduction()"
                                            Text="<%$Resources:Languages,projectTitle %>" Style="color: #005EAD; font-family: Calibri;
                                            font-size: 43px;" />
                                    </td>
                                </tr>
                            </table>
                        </telerik:RadAjaxPanel>
                    </td>

this is my code behind:
 protected void RadToolTipManager1_AjaxUpdate(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e)
        {
            ProductDetails detials = (ProductDetails)this.LoadControl("ProductDetails.ascx");
            e.UpdatePanel.ContentTemplateContainer.Controls.Add(detials);
        }

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProductDetails.ascx.cs"
    Inherits="TEXO.ProductDetails" %>
<table runat="server" id="ProductWrapper" class="inner" border="0" cellpadding="2"
    cellspacing="0">
    <tr>
        <td style="width: 200px; text-align: center;">
            <div class="title" style=" text-align:left;">
                <asp:Label ID="Label1" runat="server" Style="font-family: Calibri; font-size: 16px;"
                    Text="<%$Resources:Languages,productIntroduction %>" Width="210px"></asp:Label></div>
        </td>
    </tr>
</table>
Diana
Top achievements
Rank 1
 answered on 10 Sep 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?