Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
95 views
Hi.

I had created a custom telerik design. I had used telerik dll version 2008.0311.25.20. the custom design is like this



Now i have update the dll version to 2009.3.1208.20. Then my radock design becomes like this :(



Can anyone help me to know how to solve this issue.

Below is my css file content:
/* Docking Zone properties */ 
 
.RadDockZone_Custom 
    border1px solid #d3d3d3
    padding5px 0 0 5px
 
* > .RadDockZone_Custom.rdVertical /* hidden from IE6 */ 
    padding-right5px
 
/* Dock_o Object properties */ 
 
/* wrappers and borders */ 
 
.RadDock_Custom .rdPlaceHolder 
    border-color#666
 
 
.BottomRightCorner 
     
    backgroundurl(DockNewImage/bl_right_line.gif) repeat-y ; 
     
 
.RadDock_Custom 
    margin0px 5px 5px 0; 
    backgroundurl(DockNewImage/FooterLeft.gif) no-repeat 1px 100% #FFF
    color#000
    font-family'ms sans serif' ,sans-serif
    text-alignleft
 
.RadDock_Custom .rdSideBorders 
    backgroundurl(DockNewImage/bl_left_line.gif) repeat-y;     
    -moz-padding-start: 1px;     
 
 
 
 
.RadDock_Custom .rdTopBorder 
    border-stylenone none none
.RadDock_Custom .rdBottomBorder 
    border-stylenone
    height12px
    backgroundurl(DockNewImage/FooterRight.gif) no-repeat 100% 0; 
 
/* titlebar and buttons */ 
 
.RadDock_Custom .rdTitlebar 
    top0px/*brd*/ 
    color#fff
 
 
 
.RadDock_Custom .rdHTitlebar .rdTitlebar 
    height40px
    backgroundurl(DockNewImage/bl_top_left.gif) no-repeat white
    padding-left10px
    margin-left: -1px
.RadDock_Custom.rdCollapsed .rdHTitlebar .rdTitlebar 
    padding-bottom0px/*brd - title brd*/ 
.RadDock_Custom .rdVTitlebar .rdTitlebar 
    left1px
    width20px
    backgroundurl(Dock_o/TitlebarV.gif) repeat-x; 
 
.RadDock_Custom .rdTitlebar .rdTitle 
    padding-top:10px
    font-family:ArialHelveticasans-serif
    top0px/*brd*/ 
     
     color:#FFFFFFfont-size:14pxfont-weight:bold
     
    overflowhidden
 
.RadDock_Custom .rdHTitlebar .rdTitle 
    height40px
    padding-left7px
    margin-right2px
    backgroundurl(DockNewImage/bl_top_title.gif) repeat-x; 
.RadDock_Custom .rdVTitlebar .rdTitle 
    padding10px 0 0 8px
    backgroundurl(Dock_o/TitlebarVTop.gif) no-repeat
    line-height: 1.4em; 
 
.RadDock_Custom .rdHTitlebar .rdCommands 
    height: 100%; 
    _height: 25px
    backgroundurl(DockNewImage/bl_top_right.gif) 100% 0 no-repeat
    rightright: -1px
 
.RadDock_Custom .rdHTitlebar .rdCommands a 
    margin: 0; 
.RadDock_Custom .rdVTitlebar .rdCommands a 
    margin: 0; 
 
.RadDock_Custom .rdHTitlebar .rdCommands a, .RadDock_Custom .rdVTitlebar .rdCommands a 
    margin: 0 0 0 0; 
 
.RadDock_Custom .rdTitlebar .rdCommands a 
    background-imageurl('DockNewImage/DockCommandSprites.png'); 
 
/* inner content */ 
 
.RadDock_Custom .rdContent 
    top0px/*brd*/ 
    padding-bottom0px/*brd*/ 
    font11px/1.2 verdana,sans-serif
    backgroundurl(DockNewImage/bl_mid.gif) repeat-x; 
    margin-left5px
    overflow:auto 
 
.RadDock_Custom .rdVTitlebar .rdContent 
    margin-left29px
 
 
/* drag grips */ 
 
.RadDock_Custom .rdGripTop, .RadDock_Custom .rdGripLeft 
    background#FFF
 
.RadDock_Custom .rdGripTop 
    top0px/*brd*/ 
    height3px
.RadDock_Custom .rdGripLeft 
    left2px/*brd*/ 
    width3px
 
.RadDock_Custom .rdWGripLeft .rdContent 
    margin-left3px
 
 
 
 
/*BASE STYLE*/ 
/* RadDock for ASP.NET AJAX Base Stylesheet */ 
 
.RadDockZone 
    positionrelative
    border-stylesolid
    border-width1px
 
* > .RadDockZone.rdVertical /* hidden from IE6 */ 
    padding-right4px
 
.RadDock 
    margin0px
    text-alignleft/* we need this in case the BODY has text-aligh:center applied */ 
 
.rdRtl 
    text-alignrightright/* we need this in case the BODY has text-aligh:center applied */ 
 
.rdPlaceHolder 
    border-styledashed
    border-width1px
 
.rdHorizontal .RadDock, .rdVertical .RadDock 
    positionrelative
 
.rdHorizontal .RadDock 
    floatleft
 
.rdHorizontal .rdRtl 
    floatrightright
 
.RadDock, .rdTopBorder, .rdBottomBorder 
    positionabsolute
    overflowhidden
 
.rdTopBorder, .rdSideBorders, .rdBottomBorder 
    border-width1px
    border-color: White; 
 
.rdSideBorders 
    border-stylenone solid none
 
.rdTopBorder 
    border-stylesolid none none
 
.rdBottomBorder 
    border-stylenone none solid
 
.rdVariableHeight .rdBottomBorder, .rdCollapsed .rdBottomBorder 
    positionstatic
 
.rdSideBorders 
{    
    height: 100%; 
    overflowhidden
    z-index: 10; 
.rdVariableHeight .rdSideBorders 
    heightauto
 
.rdTopBorder, .rdBottomBorder 
    width: 100%; 
.rdTopBorder 
    top: 0; 
    left: 0; 
.rdBottomBorder 
    bottombottom: 0; 
    left: 0; 
 
.rdContent, .rdGripTop 
    positionrelative
 
/* titlebar */ 
.rdTitlebar 
     
    displaynone
    positionrelative
    top1px/*brd*/ /*border-style: solid;*/ /*Changes by mayur*/ 
 
.rdHTitlebar .rdTitlebar 
    height25px
    border-width: 0 0 1px
 
.RadDock.rdCollapsed .rdHTitlebar .rdTitlebar 
    padding-bottom0px/*brd - title brd*/ 
 
.RadDock .rdVTitlebar .rdTitlebar 
    left1px
    width22px
    border-width: 0 1px 0 0; 
 
.RadDock .rdTitle 
     
    fontnormal 12px "Segoe UI" , ArialSans-serif
    line-height24px
 
.rdHTitlebar .rdTitlebar, .rdVTitlebar .rdTitlebar 
    displayblock
 
.rdVTitlebar .rdTitlebar 
    positionabsolute
    overflowhidden
 
.rdTitlebar .rdTitle 
    width:100%; 
    displayblock
    overflowhidden
    whitewhite-spacenowrap
    font-stylenormal
 
.rdTitlebar .rdCommands 
    positionabsolute
    displayblock
    z-index: 2; 
    rightright: 0; 
 
.rdRtl .rdTitlebar .rdCommands 
    rightrightauto
    left: 0; 
 
.rdHTitlebar .rdTitlebar .rdCommands 
    top: 0; 
.rdVTitlebar .rdTitlebar .rdCommands 
    bottombottom: 0; 
 
.rdTitlebar .rdCommands a 
    displayblock
    overflowhidden
    text-indent: -3333px
    cursordefault
.rdHTitlebar .rdTitlebar .rdCommands a 
    floatrightright
    height40px !important; 
    margin: 0 !important; 
 
.rdRtl .rdHTitlebar .rdTitlebar .rdCommands a 
    floatleft
 
* html .rdTitlebar .rdCommands a 
    displayinline-block
/* inner container */ 
 
.rdContent 
    overflowauto
/*IE6 overflow fix*/ 
* html .rdContent 
    width: 100%; 
    overflow-x: auto
    overflow-y: auto
* html .rdWGripLeft .rdContent, * html .rdWGripRight .rdContent, * html .rdVTitlebar .rdContent 
    widthauto
 
.rdCollapsed .rdContent 
    displaynone
 
/* grips */ 
.rdGripTop, .rdGripLeft 
    displaynone
    font-size1px
    line-height1px
 
.rdWGripTop .rdGripTop, .rdWGripLeft .rdGripLeft 
    displayblock
 
.rdGripTop 
    width: 100%; 
    overflowhidden
 
.rdGripLeft 
    positionabsolute
    height: 100%; 
 
/* dragging */ 
.rdDraggable 
    cursormove
 
/* float clearing */ 
.clear 
    clearboth
    height1px
    margin-bottom: -1px
    visibilityhidden
 
/* temporary wrapping table classes */ 
.rdWrapTable .rdTopLeft, .rdWrapTable .rdTopCenter, .rdWrapTable .rdTopRight, .rdWrapTable .rdLeftMiddle, .rdWrapTable .rdRightMiddle, .rdWrapTable .rdBottomLeft, .rdWrapTable .rdBottomCenter, .rdWrapTable .rdBottomRight 
    padding: 0; 
    margin: 0; 
    font-size1px
    line-height1px
 
.rdCenter, .rdLeftMiddle, .rdRightMiddle 
    vertical-aligntop
    height: 100%; 
 
.rdWrapTable .rdTopBorder, .rdWrapTable .rdCenter, .rdWrapTable .rdContent 
    border: 0 !important; 
    top0px !important; 
 
.rdWrapTable .rdTitlebar 
    top: 0 !important; 
 
.rdWrapTable .rdTitlebar 
    margin: 0 !important; 
/* temporary wrapping table classes */ 
 
.rdWrapTable .rdGripTop 
    top0px !important; 
 
.RadDockZone 
    padding4px
 
.rdHTitlebar .rdTitle 
    padding-left10px
 
.rdVTitlebar .rdTitle 
    padding13px 0 0 8px
    line-height: 1.4em; 
    border1px solid
 
.RadDock_Vista .rdVTitlebar .rdTitle 
    background-repeatrepeat-y; 
 
.rdTitlebar .rdCommands a 
    width25px
    height19px
    background-repeatno-repeat
    margin3px 0 0 0 !important; 
 
.rdCollapse 
    background-position: 0 10px
 
.rdExpand 
    background-position: 0 -14px
 
.rdClose 
    background-position: 0 -100px
 
.rdPin 
    background-position: 0 -57px
 
.rdUnpin 
    background-position: 0 -38px
 
.rdCustom 
    background-position: 0 -95px
.rdContent 
    top1px/* brd */ 
    padding-bottom1px/* brd */ 
    fontnormal 11px "Segoe UI" , ArialSans-serif
    cursordefault
 
.rdVTitlebar .rdContent 
    margin-left24px
 
.rdGripTop 
    top1px/* brd */ 
    height3px
 
.rdGripLeft 
    left1px/*brd*/ 
    width3px
 
.rdWGripLeft .rdContent 
    margin-left3px
 
.rdTopLeft, .rdTopRight, .rdBottomLeft, .rdBottomRight, .rdLeftMiddle, .rdRightMiddle 
    height3px
    width3px
    line-height3px
 
.rdTopCenter, .rdBottomCenter 
    height3px
    line-height3px
 
.rdWrapTable .rdTitlebar, .rdWrapTable .rdTitle, .rdWrapTable .rdCommands 
    background-repeatrepeat-x; 
 
.rdWrapTable .rdCommands 
    margin-top1px
 
.rdWrapTable .rdSideBorders.rdHTitlebar 
     
    border: 0 !important; 
.ucDiv 
     
    padding-top:10px
    padding-left:3px
    padding-bottom:0px  ;padding-right:0px  ; 
    overflow:hidden !important; 
 
}/*END BASE STYLE*/ 
 
 

Shinu
Top achievements
Rank 2
 answered on 02 Feb 2012
1 answer
75 views
Hello everyone:

Im trying to manipulate RadTabStrip elements in codebehind and I've noticed that the element RadTab has an ID.....in my case is a letter " i " following by an incremental number (i0,i1,i2,i3-n);

Is there a way to set this ID through codebehind??.
Bozhidar
Telerik team
 answered on 02 Feb 2012
3 answers
80 views
We have a menu where the items appear with an offest of X = -15 and Y = 20. Just below and inward slightly from the right edge of the hovered item... However, when the window is shrunk, so the menu will collide with the edge of the browser, and is therefore repositioned to the left, the offset is applied from the RIGHT edge of the popup, so there is then a gap between the hovered item and the popup menu. We have a very small collapse delay, so when you move over this gap, the menu closes.

you can duplicate this behaviour on your own demo at http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/offsetingthegroups/defaultcs.aspx

Set the offset X to -15.

Now - when you hover over an item in the first menu, as expected, the popup appears indented to the left. However, shrink the window down so that the popup menu hasn't got enough room, and then pop it up. It appears to the left, with a 15px gap between it and the original menu.

This is probably by design, but I'd have though that the X offset wouldnt apply when the menu is flipped to the other side due to edge detection. The Y axis, maybe, but not the X axis.

Is there any clever workaround I can do? I can't see any client side code I can leverage to detect if a menu is being popped up on the opposite side...
Kate
Telerik team
 answered on 02 Feb 2012
1 answer
57 views
Hi,

Is there news concerning fixing the issue below? (missing Open In... menu item).
It can be easily reproduced if navigate to your demo with IE.
I need at least the fix that will work for IE in compatibility mode.

Thanks,
Mykhaylo
Kate
Telerik team
 answered on 02 Feb 2012
3 answers
195 views
Hi,

I am using radgrid nestedviewTemplate. export to PDF and Excel is not working. i have attached the code. please check and let me know how to solve this problem.

i have attached error message image also.

 <telerik:RadGrid ID="rgGlList" AllowFilteringByColumn="True" DataSourceID="sdsGlList"
                            runat="server" AutoGenerateColumns="False" AllowSorting="True" AllowPaging="True"
                            PageSize="15" GridLines="None" ClientSettings-Scrolling-AllowScroll="true"
                            Width="740px" CellSpacing="0">
                            <ExportSettings ExportOnlyData="true" IgnorePaging="True" OpenInNewWindow="true">
                                <Pdf PageWidth="1000px" Title="General Ledger List" />
                            </ExportSettings>
                            <MasterTableView DataSourceID="sdsGlList" DataKeyNames="pay_gl_id" Width="740px"
                                ExpandCollapseColumn-Display="false" CommandItemDisplay="Top" HeaderStyle-HorizontalAlign="Center"
                                AllowMultiColumnSorting="True" HierarchyLoadMode="ServerBind" TableLayout="Fixed">
                                <CommandItemSettings ShowExportToPdfButton="true" ShowExportToCsvButton="false" ShowExportToExcelButton="True"
                                    ShowExportToWordButton="false" ShowAddNewRecordButton="False" />
                                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                                </RowIndicatorColumn>
                                <ExpandCollapseColumn Display="False"
                                    FilterControlAltText="Filter ExpandColumn1 column" UniqueName="ExpandColumn1"
                                    Visible="True">
                                </ExpandCollapseColumn>
                                <Columns>
                                    <telerik:GridExpandColumn HeaderStyle-Width="30px"
                                        ItemStyle-HorizontalAlign="Center" UniqueName="ExpandColumn">
                                        <HeaderStyle Width="30px" />
                                        <ItemStyle HorizontalAlign="Center" />
                                    </telerik:GridExpandColumn>
                                    <telerik:GridBoundColumn AllowSorting="true" DataField="GLNumber"
                                        FilterControlWidth="60px" HeaderStyle-Font-Bold="true" HeaderText="GL Number"
                                        SortExpression="GLNumber">
                                        <HeaderStyle Width="110px" />
                                    </telerik:GridBoundColumn>                                  
                                </Columns>
                                <NestedViewSettings DataSourceID="sdsGlChildList">
                                    <ParentTableRelation>
                                        <telerik:GridRelationFields DetailKeyField="pay_gl_id" MasterKeyField="pay_gl_id" />
                                    </ParentTableRelation>
                                </NestedViewSettings>
                                <NestedViewTemplate>
                                    <asp:Panel ID="pnlGlChildList" runat="server" CssClass="viewWrap" Width="650px">
                                        <div class="contactWrap">
                                            <fieldset style="padding: 10px;">
                                                <legend style="padding: 5px;"><b>Custom GL Details for :&nbsp; &nbsp;<%# Eval("Parent_GL_Number")%></b></legend>
                                                <table>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <telerik:RadGrid ID="rgGlChildList" runat="server" AutoGenerateColumns="False" DataSourceID="sdsGlChildList"
                                                                    Width="600px" GridLins="Both" CellSpacing="0" GridLines="None">
                                                                    <MasterTableView AutoGenerateColumns="false" HeaderStyle-HorizontalAlign="Center">
                                                                        <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
                                                                        <Columns>
                                                                            <telerik:GridBoundColumn HeaderText="Location" HeaderStyle-Font-Bold="true" DataField="REPLOC">
                                                                            </telerik:GridBoundColumn>                                                                       
                                                                        </Columns>
                                                                    </MasterTableView>
                                                                    <HeaderStyle Wrap="false" />
                                                                </telerik:RadGrid>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </fieldset>
                                        </div>
                                    </asp:Panel>
                                </NestedViewTemplate>                      
                            </MasterTableView>                          
                            <GroupingSettings CaseSensitive="False" />
                            <HeaderStyle Wrap="false" />
                            <FilterMenu EnableImageSprites="False">
                            </FilterMenu>
                            <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
                            </HeaderContextMenu>
                        </telerik:RadGrid>


Thanks,
Dhamu.
Daniel
Telerik team
 answered on 02 Feb 2012
1 answer
115 views
I want to make the corners of my Rad Menu rounded by using css images. Is there a way I can make a simple div with rounded corners by using images but without using multiple div or any other tags for top-left, top-right, bot-left, bot-right.??

HELP!!!!!!!!!!!


Kate
Telerik team
 answered on 02 Feb 2012
4 answers
201 views
I am using Rad Menu with default theme. I enabled rounded corners which works fine for sub-menu items. But I want the whole wrapper of all the menus also to be rounded. How can I do this using images because border-radius property doesn't work in IE 8 and earlier.
Kate
Telerik team
 answered on 02 Feb 2012
1 answer
70 views
Hello,
I simply want to update control on MaterPage. Here is the Master Page aspx code:
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Button1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Panel1" />
                <telerik:AjaxUpdatedControl ControlID="Label1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<asp:Button ID="Button1" runat="server" Text="Button" />
<h1> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </h1>   
<asp:Panel ID="Panel1" runat="server">
    <h1> <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> </h1>
</asp:Panel>

And the code behind is:

protected void Page_Load(object sender, EventArgs e)
{
    this.Label1.Text = System.DateTime.Now.ToLongTimeString();
    this.Label2.Text = System.DateTime.Now.ToLongTimeString();
}
What approach should I use ?

Jayesh Goyani
Top achievements
Rank 2
 answered on 02 Feb 2012
5 answers
184 views
Hello,

I have a <select id='selectid'> element that has the "change" event bound
using $('#selectid').bind('change', select_Changed) or $('#selectid').change(select_Changed).
The event is fired correctly.

This control is client side only. It does not have a server id and is not sent through posts.

As soon as the form is decorated by the Telerik FormDecorator the bound event are
not fired anymore.

The original HTML is

<SELECT id=selectid>
    <OPTION selected>--</OPTION>
    <OPTION value=1>1. first</OPTION>
    <OPTION value=2>2. second</OPTION>
</SELECT>


The decorated HTML is :

<A style="WIDTH: 212px; cssFloat: undefined" id=Skinnedselectid class="rfdSelect rfdSelect_TheSkin" href="javascript:void(0)" unselectable="on" forSelect="selectid">
    <SPAN class=rfdSelectOuter>
        <SPAN class=rfdSelectText>--</SPAN>
    </SPAN>
</A>
<SELECT id=selectid class=rfdRealInput _rfddecoratedID="Skinnedselectid" jQuery15104498465490814524="3">
    <OPTION selected>--</OPTION>
    <OPTION value=1>1. first</OPTION>
    <OPTION value=2>2. second</OPTION>
</SELECT>

How can I get my events to be fired ?
Thanks for your help.
LevizArc
Top achievements
Rank 1
 answered on 02 Feb 2012
4 answers
173 views
I have a date field for which I want to allow the user to group on, but I want to actually sort the grouping by another field.

For instance... the field being grouped on is formatted like so "10/12/2007", etc. It is a regular date field. But when the user groups on this field, my group by expression actually uses a different field, which is a text representation as found in Outlook ("Today, Yesterday, Last Week, etc.). The problem is when the user sorts the grouping, i need to use a different field to sort on since my text representation would not end up in the correct order (it would be alphabetical instead). I need to instead override this and use the original data field to sort the groups on. Is this possible?

Thanks!
Levi
Princy
Top achievements
Rank 2
 answered on 02 Feb 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?