Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
254 views
My toolbar has to be 960 px wide to fix the layout of the page.  The last menu item is a drop down.  Now, depending on the users screen resolution (800X600 and lower would be a problem), the drop down part might be cut off. Is there a way to right align the last menu item so that it stays within the 960 px layout?


<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="Default" %> 
 
<!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 runat="server">  
    <title>Untitled Page</title> 
    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" /> 
    <link href="App_Themes/Skins/BTSToolBar/ToolBar.BTSToolBar.css" rel="stylesheet" type="text/css" /> 
      
    <script type="text/javascript">  
        function DropDownOpened (sender, args) {  
            var item = args.get_item();  
            var element = item.get_element();  
            var btnColorElement = item.get_linkElement();  
              
            if (element.className.indexOf('rtbDropDown') >= 0) {  
                  
                var dropDownList = item.get_dropDownElement();  
                  
                document.onmousemove = function (e) {  
                        if (!e) e = window.event;  
                        if (!e.target) ee.target = e.srcElement;  
                          
                        if (!$telerik.isDescendantOrSelf(dropDownList, e.target) && !$telerik.isDescendantOrSelf(element, e.target)) {  
                            item.hideDropDown();  
                        }  
                    };  
            }  
        }  
          
        function DropDownClosed(sender, args) {  
            var item = args.get_item();  
              
            if (item.get_element().className.indexOf('rtbDropDown') >= 0) {  
                document.onmousemove = function (e) {};  
            }  
        }  
          
        function MouseOverFunction(sender, args) {  
            var item = args.get_item();  
            if(item.get_element().className.indexOf('rtbDropDown') >= 0) {  
                item.showDropDown();  
            }  
        }  
    </script>      
      
</head> 
<body> 
    <form id="form1" runat="server">  
    <div> 
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 
   
    <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Black">  
    </telerik:RadSkinManager> 
 
    <telerik:RadToolBar runat="server" ID="RadToolBar1" Skin="BTSToolBar" EnableEmbeddedSkins="false" onbuttonclick="RadToolBar1_ButtonClick" OnClientDropDownOpened="DropDownOpened" OnClientDropDownClosed="DropDownClosed" OnClientMouseOver="MouseOverFunction">  
        <Items> 
             
            <telerik:RadToolBarButton Text="Home" Value="Home" ></telerik:RadToolBarButton> 
              
            <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton> 
 
              
            <telerik:RadToolBarDropDown  Text="Salvage Listing">  
               <Buttons> 
                  <telerik:RadToolBarButton Text="Truck Salvage"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Trailer Salvage"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Off-Road Salvage"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Cargo Salvage"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Misc Salvage"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Parts Salvage"></telerik:RadToolBarButton> 
               </Buttons> 
            </telerik:RadToolBarDropDown> 
 
            <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton> 
              
            <telerik:RadToolBarDropDown Text="Sell Your Salvage">  
               <Buttons> 
                  <telerik:RadToolBarButton Text="List a Truck"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="List a Trailer"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="List Off-Road Equipment"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="List Cargo"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="List Misc Equipment"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="List Parts"></telerik:RadToolBarButton> 
               </Buttons>              
            </telerik:RadToolBarDropDown> 
              
            <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton> 
              
            <telerik:RadToolBarDropDown Text="Registration">  
               <Buttons> 
                  <telerik:RadToolBarButton Text="Buyer Registration"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Seller Registration"></telerik:RadToolBarButton> 
               </Buttons> 
            </telerik:RadToolBarDropDown>    
              
            <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>            
              
            <telerik:RadToolBarButton Text="Your Account" Value="Your Account"></telerik:RadToolBarButton> 
              
            <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>                
              
            <telerik:RadToolBarButton Text="Titles Processing" Value="Titles Processing"></telerik:RadToolBarButton> 
              
            <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>            
              
            <telerik:RadToolBarDropDown Text="Help">  
               <Buttons> 
                  <telerik:RadToolBarButton Text="Buyer's Registration" Value="BR"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="The Bidding Process" Value="TBP"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Awarding of Salvage" Value="AOS"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Selling Your Salvage" Value="SYS"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Your Account" Value="YA"></telerik:RadToolBarButton> 
                  <telerik:RadToolBarButton Text="Frequently Asked Questions" Value="FAQ"></telerik:RadToolBarButton> 
               </Buttons> 
            </telerik:RadToolBarDropDown>               
              
 
        </Items> 
    </telerik:RadToolBar>     
      
    <br /> 
    <br /> 
      
    Text: <asp:TextBox ID="TextBox1" runat="server" Text="Starting....">   Value: </asp:TextBox><asp:TextBox ID="TextBox2" runat="server" Text="Starting...."></asp:TextBox> 
      
    </div> 
    </form> 
</body> 
</html> 

/* <RadToolBar / Black> */  
 
/* <tool wrapper> */  
 
/* <horizontal> */  
 
.RadToolBar_BTSToolBar .rtbOuter  
{  
    border: 1px solid #0e0e0e;  
}  
 
.RadToolBar_BTSToolBar .rtbMiddle  
{  
    border: 1px solid #000;  
    background: #000 url('ToolBar/rtbControlBg.png') repeat-x 0 0;  
}  
 
.RadToolBar_BTSToolBar .rtbBtn {}  
 
/* </horizontal> */  
 
/* <vertical> */  
 
.RadToolBar_BTSToolBar_Vertical .rtbMiddle  
{  
    background: transparent url('ToolBar/rtbVerticalControlBg.png') repeat-y 0 0;  
}  
 
/* </vertical> */  
 
/* </tool wrapper> */  
 
/* <buttons> */  
 
.RadToolBar_BTSToolBar .rtbWrap,  
.RadToolBar_BTSToolBar .rtbTemplate  
{  
    font: 12px;  
    font-family: Verdana, Time New Roman, helvetica, sans-serif;   
    color: #fff;  
}  
/* <button states> */  
 
.RadToolBar_BTSToolBar .rtbSplBtnFocused .rtbWrap, .RadToolBar_BTSToolBar .rtbSplBtnFocused .rtbOut, .RadToolBar_BTSToolBar .rtbSplBtnFocused .rtbMid, .RadToolBar_BTSToolBar .rtbSplBtnFocused .rtbIn,  
.RadToolBar_BTSToolBar .rtbItemFocused .rtbWrap, .RadToolBar_BTSToolBar .rtbItemFocused .rtbOut, .RadToolBar_BTSToolBar .rtbItemFocused .rtbMid, .RadToolBar_BTSToolBar .rtbItemFocused .rtbIn,  
.RadToolBar_BTSToolBar .rtbItemHovered .rtbWrap, .RadToolBar_BTSToolBar .rtbItemHovered .rtbOut, .RadToolBar_BTSToolBar .rtbItemHovered .rtbMid, .RadToolBar_BTSToolBar .rtbItemHovered .rtbIn  
{  
    background-color: transparent;  
    background-repeat: no-repeat;  
    background-image: url('ToolBar/rtbHoverBg.png');  
}  
 
.RadToolBar_BTSToolBar .rtbItemClicked .rtbWrap, .RadToolBar_BTSToolBar .rtbItemClicked .rtbOut, .RadToolBar_BTSToolBar .rtbItemClicked .rtbMid, .RadToolBar_BTSToolBar .rtbItemClicked .rtbIn  
{  
    background-color: transparent;  
    background-repeat: no-repeat;  
    background-image: url('ToolBar/rtbClickedBg.png');  
}  
 
.RadToolBar_BTSToolBar .rtbSplBtnExpanded .rtbWrap, .RadToolBar_BTSToolBar .rtbSplBtnExpanded .rtbOut, .RadToolBar_BTSToolBar .rtbSplBtnExpanded .rtbMid, .RadToolBar_BTSToolBar .rtbSplBtnExpanded .rtbIn,  
.RadToolBar_BTSToolBar .rtbDropDownExpanded .rtbWrap, .RadToolBar_BTSToolBar .rtbDropDownExpanded .rtbOut, .RadToolBar_BTSToolBar .rtbDropDownExpanded .rtbMid, .RadToolBar_BTSToolBar .rtbDropDownExpanded .rtbIn,  
.RadToolBar_BTSToolBar .rtbChecked .rtbWrap, .RadToolBar_BTSToolBar .rtbChecked .rtbOut, .RadToolBar_BTSToolBar .rtbChecked .rtbMid, .RadToolBar_BTSToolBar .rtbChecked .rtbIn  
{  
    background-image: url('ToolBar/rtbActiveBg.png');  
    background-color: transparent;  
    background-repeat: no-repeat;  
}  
 
.RadToolBar_BTSToolBar .rtbItemFocused .rtbWrap,  
.RadToolBar_BTSToolBar .rtbItemHovered .rtbWrap  
{  
    color: #fff;  
}  
 
.RadToolBar_BTSToolBar .rtbDropDownExpanded .rtbWrap,  
.RadToolBar_BTSToolBar .rtbSplBtnExpanded .rtbWrap,  
.RadToolBar_BTSToolBar .rtbChecked .rtbWrap,  
.RadToolBar_BTSToolBar .rtbItemClicked .rtbWrap  
{  
    color: #fff;  
}  
 
/* </button states> */  
 
/* <Drop Down Arrows> */  
 
 
.RadToolBar_BTSToolBar .rtbSplBtn .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItem .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbChoiceArrow   
{  
    background-image: url('ToolBar/ddArrow.png');  
      
}  
 
* html .RadToolBar_BTSToolBar .rtbSplBtn .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItem .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbChoiceArrow   
{  
    background-image: url('ToolBar/rtbDropArrows.gif');  
}  
 
.RadToolBar_BTSToolBar .rtbExpandUp .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbExpandUp .rtbVOriented .rtbChoiceArrow  
{  
    background-image: url('ToolBar/rtbUpArrows.png');  
}  
 
* html .RadToolBar_BTSToolBar .rtbExpandUp .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbExpandUp .rtbVOriented .rtbChoiceArrow  
{  
    background-image: url('ToolBar/rtbUpArrows.gif');  
}  
 
.RadToolBar_BTSToolBar .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbSplBtnHovered .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItemHovered .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItemHovered .rtbChoiceArrow  
{  
    background-color: transparent;  
}  
 
* html .RadToolBar_BTSToolBar .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbSplBtnHovered .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItemHovered .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItemHovered .rtbChoiceArrow  
{  
    background-image: url('ToolBar/rtbHoverDropArrows.gif');  
}  
 
.RadToolBar_BTSToolBar .rtbSplBtnHovered .rtbExpandUp .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbSplBtnHovered .rtbExpandUp .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItemHovered .rtbExpandUp .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItemHovered .rtbExpandUp .rtbChoiceArrow  
{  
    background-image: url('ToolBar/rtbHoverUpArrows.png');  
}  
 
* html .RadToolBar_BTSToolBar .rtbSplBtnHovered .rtbExpandUp .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbSplBtnHovered .rtbExpandUp .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItemHovered .rtbExpandUp .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItemHovered .rtbExpandUp .rtbChoiceArrow  
{  
    background-image: url('ToolBar/rtbHoverUpArrows.gif');  
}  
 
.RadToolBar_BTSToolBar .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbSplBtnClicked .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItemClicked .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItemClicked .rtbChoiceArrow  
{  
    background-color: transparent;  
}  
 
* html .RadToolBar_BTSToolBar .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbSplBtnClicked .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItemClicked .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItemClicked .rtbChoiceArrow  
{  
    background-image: url('ToolBar/rtbClickedDropArrows.gif');  
}  
 
.RadToolBar_BTSToolBar .rtbSplBtnClicked .rtbExpandUp .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItemClicked .rtbExpandUp .rtbVOriented .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbItemClicked .rtbExpandUp .rtbChoiceArrow  
{  
    background-image: url('ToolBar/rtbClickedUpArrows.png');  
}  
 
* html .RadToolBar_BTSToolBar .rtbSplBtnClicked .rtbExpandUp .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItemClicked .rtbExpandUp .rtbVOriented .rtbChoiceArrow,  
* html .RadToolBar_BTSToolBar .rtbItemClicked .rtbExpandUp .rtbChoiceArrow  
{  
    background-image: url('ToolBar/rtbClickedUpArrows.gif');  
}  
 
/* </Drop Down Arrows> */  
 
.RadToolBar_BTSToolBar_Horizontal li.rtbSeparator   
{  
    border-left: 1px solid #181818;  
    background: #5c5c5c;  
}  
 
.RadToolBar_BTSToolBar_Vertical li.rtbSeparator  
{  
    border-top: 1px solid #181818;  
    background: #5c5c5c;  
}  
 
/* </buttons> */  
 
 
/* <disabled states> */  
 
.RadToolBar_BTSToolBar .rtbDisabled .rtbWrap:hover,  
.RadToolBar_BTSToolBar .rtbDisabled .rtbWrap:hover .rtbOut,  
.RadToolBar_BTSToolBar .rtbDisabled .rtbWrap:hover .rtbMid,  
.RadToolBar_BTSToolBar .rtbDisabled .rtbWrap:hover .rtbIn  
{  
    background: none;  
}  
 
.RadToolBar_BTSToolBar .rtbDisabled .rtbWrap { color: #888; }  
 
.RadToolBar_BTSToolBar .rtbDisabled .rtbChoiceArrow,  
.RadToolBar_BTSToolBar .rtbDisabled .rtbWrap .rtbChoiceArrow  
{ background-image: url('ToolBar/rtbDropArrows.gif')\9 }  
 
@media screen and (-webkit-min-device-pixel-ratio:0)  /* WebKit alpha + opacity/cleartype bug, like IE wasn't enough... */  
{  
    .RadToolBar_BTSToolBar .rtbDisabled .rtbWrap { color: #888; }  
      
    .RadToolBar_BTSToolBar .rtbDisabled .rtbChoiceArrow,  
    .RadToolBar_BTSToolBar .rtbDisabled .rtbWrap .rtbChoiceArrow  
    {  
        background-image: url('ToolBar/rtbDropArrows.gif');  
    }  
}  
 
/* </disabled states */  
 
/* <drop-down> */  
 
.RadToolBarDropDown_BTSToolBar   
{  
    border-color: #000;  
    background-color: #ff0000;  
    /* background-image: url('ToolBar/rtbDropDownBg.png'); 4f4f4f */  
}  
 
.RadToolBarDropDown_BTSToolBar .rtbWrap,  
.RadToolBarDropDown_BTSToolBar .rtbTemplate  
{  
    font-weight: bold;  
    font-size: 12px;  
    font-family: Verdana, Time New Roman, helvetica, sans-serif;  
    color: #fff;  
}  
 
.RadToolBarDropDown_BTSToolBar .rtbItemHovered,  
.RadToolBarDropDown_BTSToolBar .rtbItemFocused,  
.RadToolBarDropDown_BTSToolBar .rtbItemHovered .rtbWrap,  
.RadToolBarDropDown_BTSToolBar .rtbItemFocused .rtbWrap  
{  
    color: #FF0000;  
    background-image: url('ToolBar/DropDownHover.png');  
}  
 
.RadToolBarDropDown_BTSToolBar .rtbDisabled .rtbWrap  
{  
    color: #999;  
}  
 
.RadToolBarDropDown_BTSToolBar .rtbSeparator  
{  
    border-color: #393939;  
    background: #626262;  
}  
 
/* </drop-down> */  
 
/* </RadToolBar / Black> */  
 
/* Change font size here for main menus */  
DIV.RadToolBar_BTSToolBar .rtbWrap{line-height: 22px; background-color: transparent; font-size: 17px;}  
.RadToolBar_BTSToolBar .rtbTemplate{line-height: 22px; background-color: transparent; font-size: 17px;}  
.RadToolBar_BTSToolBar .rtbItemFocused .rtbWrap{}  
.RadToolBar_BTSToolBar .rtbItemHovered .rtbWrap{}  
.RadToolBar_BTSToolBar .rtbDropDownExpanded .rtbWrap{}  
.RadToolBar_BTSToolBar .rtbDropDownExpanded .rtbWrap{}  
.RadToolBar_BTSToolBar .rtbSplBtnExpanded .rtbWrap{}  
.RadToolBar_BTSToolBar .rtbChecked .rtbWrap{}  
.RadToolBar_BTSToolBar .rtbItemClicked .rtbWrap{}  
/* .rtbText {text-decoration: underline;}  Take out when you move to BTS */  
DIV.RadToolBar_BTSToolBar{}  
DIV.RadToolBar_BTSToolBar .rtbOuter{width: 960px;}  
DIV.RadToolBar_BTSToolBar .rtbMiddle{text-align: center;}  
DIV.RadToolBar_BTSToolBar .rtbInner{}  
DIV.RadToolBar_BTSToolBar .rtbItem {}
DIV.RadToolBar_BTSToolBar .rtbItem span {}
DIV.RadToolBar_BTSToolBar .rtbChoiceArrow{}  
DIV.RadToolBarDropDown_BTSToolBar{}  
/* Change font size here for submenus */  
DIV.RadToolBarDropDown_BTSToolBar .rtbWrap{line-height: 26px; background-position: 0px 0px; font-size: 16px;}  
DIV.RadToolBarDropDown_BTSToolBar .rtbItemHovered .rtbWrap{}  
DIV.RadToolBarDropDown_BTSToolBar .rtbDisabled .rtbWrap{}  
 
James Brannon
Top achievements
Rank 1
 answered on 21 Jan 2010
1 answer
159 views
Hi,
Is there any way to export Rad chart and Rad grid control(s) in a page.
Rad Chart however can be saved only as image.
But I want them to be merged together.. Is there a way to do this?
Schlurk
Top achievements
Rank 2
 answered on 21 Jan 2010
3 answers
178 views
I use a somewhat modified (by me) RAD Editor wrapper for community server. When I try to paste in Firefox, I get a message "Please press Ctrl+V to Paste". When I press Ctrl+V I still get the same message. The only way to get Ctrl+V to work is to explicitly assign the paste a different shortcut, but then that shortcut appears in the tool tip and would confuse the userl. Same withCtrl+X to cut. Oddly enough, the sample at http://mono.telerik.com/Editor/Examples/Default/DefaultCS.aspx does not have this problem. It still says  "Please press Ctrl+V to Paste" if I use the toolbar button, but Ctrl+V works fine.

I tried with the latest version of RAD Editor to no avail. Does anyone know why this is happening?
Thanks,
Boris Zakharin
Rumen
Telerik team
 answered on 21 Jan 2010
1 answer
161 views
Hi,

I am busy trying out the window controls, and I have a situation where the modality does not work as expected

my scenario is as follows

startup page has a window manager and button on the page - click on the button cause window 1 to open up as follows:

var oWin = window.radopen('WebForm1.aspx', null);

oWin.set_behaviors(Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Close);

oWin.set_modal(true);

oWin.set_visibleStatusbar(false);

window.setTimeout(function() { oWin.setActive(true); }, 0);



WebForm1 then has a button on it two open up another window as follows

 

var oBrowserWnd = GetRadWindow().BrowserWindow;

 

 

var oWin = oBrowserWnd.open("WebForm2.aspx",null);

 

oWin.set_behaviors(oBrowserWnd.Telerik.Web.UI.WindowBehaviors.Move + oBrowserWnd.Telerik.Web.UI.WindowBehaviors.Close);

oWin.set_modal(

true);

 

window.setTimeout(

function() { oWin.setActive(true); }, 100);

 



WebForm2 then has a button on it that reopens another instance of webform2 as follows:

 

var oBrowserWnd = GetRadWindow().BrowserWindow();

 

 

var oWin = oBrowserWnd.radopen("WebForm2.aspx", null);

 

oWin.set_behaviors(oBrowserWnd.Telerik.Web.UI.WindowBehaviors.Move + oBrowserWnd.Telerik.Web.UI.WindowBehaviors.Close);

oWin.set_modal(

true);

 

window.setTimeout(

function() { oWin.setActive(true); }, 100);

 



The idea is to get windows spawning windows -

Now that part works, the problem is that when webform1 opens it's modal to the parent (correct) but when webform2 opens it's not modal to webform1 (I can still click on webform1), however if I click to open another window in webform2, webform1 suddenly becomes modal and both webform2's are not
So it looks like Telerik is allowing a maximum of 2 forms to be active at the same time, and not only 1

Does anyone have any ideas ?

Thanks

Mac
Georgi Tunev
Telerik team
 answered on 21 Jan 2010
1 answer
143 views

Hi,

I am facing a problem that whenever I go out of my page after opening modal pop- up on some other page, I get  a js error.
"_events is null or not an object". This is the code of my master page.

 
    <asp:HiddenField runat="server" ID="hdnSelecteCol" /> 
    <telerik:RadScriptManager ID="radScriptManagerMain" runat="server" AsyncPostBackTimeout="360000" 
        EnableScriptCombine="true">  
        <Scripts> 
            <asp:ScriptReference Path="~/JavaScripts/jquery-1.3.2.min.js" /> 
            <asp:ScriptReference Path="~/JavaScripts/SlidingDiv.js" /> 
            <asp:ScriptReference Path="~/JavaScripts/jquery.autocomplete.js" /> 
        </Scripts> 
    </telerik:RadScriptManager> 
    <telerik:RadWindowManager ID="RadWindowManagerresult" runat="server" BorderStyle="None" 
        BorderWidth="0" Width="800px" Height="540px" Skin="WebBlue" Animation="None" 
        IconUrl="/Images/windowIcon.gif" Behavior="Close,Move,Pin" VisibleStatusbar="false" 
        VisibleTitlebar="true" DestroyOnClose="True">  
    </telerik:RadWindowManager> 
    <asp:Button ID="btnOpenProgressBar" runat="server" Style="display: none" /> 
    <asp:Panel ID="pnlProgressBar" runat="server" Style="display: none; width: 300px;  
        height: 40px; background-color: White; border: 1px solid #6C7685"> 
        <asp:UpdatePanel ID="upUpdateProgress" UpdateMode="Conditional" runat="server">  
            <ContentTemplate> 
                <asp:UpdateProgress ID="UpdateProgress1" DisplayAfter="0" runat="server">  
                    <ProgressTemplate> 
                        <div style="text-align: center; vertical-align: middle; padding-top: 10px;">  
                            <span style="vertical-align: middle">  
                                <img alt="" src="<%#ResolveUrl("~/")%>/Images/indicator.gif" /></span> <span style="color: #455F77;  
                                    padding-bottom: 15px; vertical-align: middle;">Loading...</span></div>  
                    </ProgressTemplate> 
                </asp:UpdateProgress> 
            </ContentTemplate> 
        </asp:UpdatePanel> 
    </asp:Panel> 
    <ajaxToolkit:ModalPopupExtender OkControlID="btnOpenProgressBar" BehaviorID="mdlProgressBar" ID="mdlProgressBar" runat="server" 
        TargetControlID="btnOpenProgressBar" PopupControlID="pnlProgressBar" CancelControlID="btnOpenProgressBar" 
        BackgroundCssClass="modalBackground">  
    </ajaxToolkit:ModalPopupExtender> 
    <div id="wrapper">  
        <!-- HEADER --> 
        <div id="wrapper-head">  
            <div id="header">  
                <table width="100%" border="0" cellspacing="0" cellpadding="0">  
                    <tr> 
                        <td width="auto">  
                            <img src="<%#ResolveUrl("~/")%>/images/header-left.gif" alt="" width="735" height="94" /> 
                        </td> 
                        <td width="100%" style="background: url(<%#ResolveUrl("~/")%>/images/header-middle.gif) left top repeat-x;"> 
                            <div id="toptabs">  
                                <span style="padding-right: 5px" class="fleft">  
                                    <asp:LinkButton ID="btnHome" runat="server" CssClass="tabTop" Text="Home" Visible="false" 
                                        CausesValidation="false"></asp:LinkButton> 
                                    <asp:LinkButton ID="btnECAHome" runat="server" CssClass="tabTop" Text="ECA Home" 
                                        Visible="false" CausesValidation="false"></asp:LinkButton></span>  
                                <asp:LinkButton ID="btnReports" runat="server" CssClass="tabTop" Text="ECA Reports" 
                                    CausesValidation="false" OnClick="btnReports_Click" Style="padding-right: 5px" 
                                    class="fleft"></asp:LinkButton> 
                                <asp:LinkButton ID="btnAdmin" runat="server" Style="padding-right: 5px" class="fleft" 
                                    CssClass="tabTop" Text="ECA Admin" Visible="false" CausesValidation="false" OnClick="btnAdmin_Click"></asp:LinkButton> 
                                <asp:LinkButton ID="btnSearch" Style="padding-right: 5px" class="fleft" runat="server" 
                                    CssClass="tabTop" Text="ECA Search" Visible="false" CausesValidation="false" 
                                    OnClick="btnSearch_Click"></asp:LinkButton> 
                                <asp:LinkButton ID="btnChangePassword" runat="server" CssClass="tabTop" Style="padding-right: 5px" 
                                    class="fleft" Text="Reset Pwd" Visible="false" CausesValidation="false"></asp:LinkButton> 
                                <span style="padding-right: 5px" class="fleft">  
                                    <asp:LinkButton ID="btnLogin" runat="server" CssClass="tabTop" Text="Login" Visible="true" 
                                        CausesValidation="false"></asp:LinkButton> 
                                    <asp:LinkButton ID="btnLogout" runat="server" CssClass="tabTop" Text="Logout" Visible="false" 
                                        CausesValidation="false"></asp:LinkButton> 
                                </span> 
                            </div> 
                        </td> 
                        <td width="auto">  
                            <img src="<%#ResolveUrl("~/")%>/images/header-right.gif" alt="" width="198" height="94" /> 
                        </td> 
                    </tr> 
                </table> 
                <div id="Logo">  
                    <asp:LinkButton ID="lbtnLogo" runat="server" Width="220px" Height="86px" CausesValidation="false" 
                        OnClientClick="javascript:OpenPlanetds();"></asp:LinkButton> 
                </div> 
                <div id="titleText">  
                    <img src="<%#ResolveUrl("~/")%>/images/assesmenttext.png" alt="EARLY COST ASSESSMENT" title="EARLY COST ASSESSMENT" /> 
                </div> 
                <div id="date">  
                    <b> 
                        <asp:Label ID="lblUser" runat="server" /></b>&nbsp;&nbsp;<%=string.Format("{0:dddd, MMMM dd, yyyy}", DateTime.Now) %> 
                </div> 
            </div> 
            <asp:ContentPlaceHolder ID="cphMenu" runat="server">  
            </asp:ContentPlaceHolder> 
        </div> 
        <!-- END HEADER --> 
        <!-- BODY --> 
        <div id="wrapper-body">  
            <div id="body" style="padding-bottom: 25px">  
                <asp:ContentPlaceHolder ID="cphBody" runat="server">  
                </asp:ContentPlaceHolder> 
            </div> 
            <div id="footer" class="divfooter" runat="server">  
                <uc1:ucFooter ID="ucFooter1" runat="server" /> 
                <asp:UpdatePanel runat="server" ID="upnPerformance" UpdateMode="Always">  
                    <ContentTemplate> 
                        <asp:Label ID="lblPerformanceCounter" runat="server" Text=""></asp:Label></ContentTemplate>  
                </asp:UpdatePanel> 
            </div> 
        </div> 
        <!-- END BODY --> 
    </div> 

Please review the code And let me know what could be the problem.
Thanks in advance.

Regards
Yuvika

Georgi Tunev
Telerik team
 answered on 21 Jan 2010
2 answers
161 views
hi...
i am having a problem in bread crum that is being displayed in address bar. it is not displaying the full path of any directory, its just displaying the name of the directory and a slash..can you please tell me why ResolveDirectoryAsTree is not recieving the complete address of the directory.
I have attached a screen shot kindly check it.
n give a solution as soon as possible.
Fiko
Telerik team
 answered on 21 Jan 2010
4 answers
414 views
Dear all,

a quick question: I am creating a custom column editor associated to a RadGrid. I can modify items of the grid, delete them or adding new.
I have to avoid changing the code field while modifying the item. Is it possible to  discriminate whether the ColumnEditor has been created pressing the update button or pressing the create new record button? So I can pass a parameter to my CustomEditor.

Thanks in advance.

Kind regards,

Dario Zanelli
Dario Zanelli
Top achievements
Rank 1
 answered on 21 Jan 2010
4 answers
70 views
Hi,

I am using the date time to filter my records. IE7 hangs, when I click in Edit Text Box Field of dates and used the UP/DOWN arrows to scroll up and down the dates.  I had to kill the BROWSER and force a logoff to get around this.
This works if UP/DOWN arrow keys are just pressed a couple of times in slow motion. If I press few keys togher then the explorer hangs.
Is there any workaround for it. Please reply as it is urgent.

Thanks,
Yuvika
Yuvika
Top achievements
Rank 1
 answered on 21 Jan 2010
2 answers
134 views
I recently inherited an application from a contractor for my company and there seems to be an issue with desired output that is returned.  In this part of the application the user searches for a group of addresses that they want to print labels for.  When the search results are returned the user can either print all labels or select which labels they want to print if they don't want/need to print all the labels. 

The issue I'm running into is this, the current page size for the data returned in 300 rows per page.  In the one instance that was reported there are a total of 500 records returned and when the user selects to go to the second page (no records selected on the first page) and they scroll down to the bottom of the second page and select the last 4 records to print when the mail merge takes place and the items are displayed to the user it shows 4 numerically sequential items from the first page (i.e. if the last for records are index id's 200 - 204 on the second page it returns the indexes from page 1 with those id's).  So rather than grab what was selected it returns the records from the first page with the same index id.  Is there anyway around this or to have the index not reset and start at the index of 0 each time a new page is selected?

See below for the code I'm looking into:

(aspx)

    <telerik:RadAjaxPanel LoadingPanelID="RadAjaxLoadingPanel1" runat="server" ID="upprint"> 
        <center> 
            <asp:HyperLink runat="server" Visible="false" ID="lnkopen" Text="Printing Complete, Click Here to open the document"></asp:HyperLink> 
        </center> 
 
        <!--Hidden Panel used for Exporting to Excel, all address information is stored in its own column with the export.--> 
        <telerik:RadGrid PageSize="300" AllowPaging="True"  
            EnableViewState="true"  
            AllowMultiRowSelection="true"  
            ID="rgLabels"  
            OnNeedDataSource="rgLabelsNDS"  
            runat="server"  
            AllowSorting="True"  
            AutoGenerateColumns="False"  
            GridLines="None"> 
            <MasterTableView CommandItemDisplay="Top" DataKeyNames="EventHeaderNumber"> 
                <CommandItemTemplate> 
                    <div class="header"> 
                        <asp:Button CssClass="Button" runat="server" onclick="PrintLabels" Text="Print Selected Labels" /> <asp:Button ID="Button1" CssClass="Button" runat="server" onclick="PrintAllLabels" Text="Print All Labels" /> 
                    </div> 
                </CommandItemTemplate> 
                <Columns> 
                    <telerik:GridClientSelectColumn></telerik:GridClientSelectColumn> 
                    <telerik:GridHyperLinkColumn Visible="false"  DataTextField="CounterId" HeaderText="Counter" UniqueName="column"></telerik:GridHyperLinkColumn> 
                    <telerik:GridBoundColumn DataField="CheckNumber" Visible="false" HeaderText="Check #" UniqueName="column1"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="ContactMailToFirstName" HeaderText="First" UniqueName="column11"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="ContactMailToLastName" HeaderText="Last" UniqueName="column12"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EntityMailToEntityName" HeaderText="Company" UniqueName="column112"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EntityMailToAddressStreet1" HeaderText="Add 1" UniqueName="column13"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EntityMailToAddressStreet2" HeaderText="Add 2" UniqueName="column14"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EntityMailToCity" HeaderText="City" UniqueName="column15"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EntityMailToState" HeaderText="State" UniqueName="column16"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EntityMailToPostalCode" HeaderText="Zip" UniqueName="column17"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EntityMailToCountry" HeaderText="Cntry" UniqueName="column18"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EntityId" Visible="true" HeaderText="ID" UniqueName="column19"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EventHeaderNumber" Visible="true" HeaderText="Evt. #" UniqueName="column1944"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="HoldReason" Visible="false" HeaderText="Serial #" UniqueName="column20"></telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="EventProfileName" Visible="false" HeaderText="Exp. Date" UniqueName="column21"></telerik:GridBoundColumn> 
                </Columns> 
            </MasterTableView> 
            <ClientSettings> 
                <Selecting AllowRowSelect="True" /> 
            </ClientSettings> 
            <ExportSettings ExportOnlyData="true" IgnorePaging="true" Csv-FileExtension="csv" Csv-ColumnDelimiter="Tab" OpenInNewWindow="true"></ExportSettings> 
        </telerik:RadGrid> 
        <asp:HiddenField runat="server" ID="hdnsrch" /> 
    </telerik:RadAjaxPanel> 

(cs)
    public void PrintLabels(object sender, EventArgs e) 
    { 
            rbt_vw_EventHeaderProfileRow[] rows = new rbt_vw_EventHeaderProfileRow[rgLabels.SelectedItems.Count]; 
            int i = 0; 
            foreach (GridDataItem item in rgLabels.SelectedItems) 
            { 
                rows[i] = ((rbt_vw_EventHeaderProfileRow[])Session["LabelRows"])[item.ItemIndex]; 
                i++; 
            } 
 
            PrintLabel lbl = new PrintLabel(); 
            lnkopen.NavigateUrl = lbl.PrintLabels(rows, rdLabelType.SelectedItem.Text.ToLower(), "30"); 
            lnkopen.Visible = true; 
    } 

Any help would be appreciated.
Darren Brink
Top achievements
Rank 1
 answered on 21 Jan 2010
1 answer
184 views
Hi folks

I'm using the RadAjaxManager.Redirect()-Method to redirect to another site. When doing this I get an ThreadAbortedException.

The .NET-Method Response.Redirect() knows the endResponse-Parameter to avoid calling the End-Method which causes the error. Is there any possibility to get that behavior with the RadAjaxManager.Redirect?

 Or should I just use Response.Redirect instead?
Pavlina
Telerik team
 answered on 21 Jan 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?