Questions on UI for ASP.NET AJAX Forum

7 answers

263 views

Hi

Can you have more than one control in the EditItemTemplate?

For example, I want a RadTextBox and RadColorPicker in the EditItemTemplate.

Grid

answered on 12 Mar 2009

1 answer

87 views

Customize navigation buttons inside the titlebar in calendar

Hi Telerik team,

i like to use Skin="webBlue" in my radcalendar but with customized color. so i created separate css class and changed webblue with my application theme .i m able to change color but not images for navigation in header. i found through toolbar it is automatically looking src like below
http://localhost:2015/Parentroot/Foldername(aspx resides) /fastNavLeft.gif.

but images are available like the below path http://localhost:2015/Parentroot/App_Themes/images/fastNavLeft.gif.

how to give the path through css(webblue_modified.css) or through coding .

Calendar

answered on 12 Mar 2009

3 answers

205 views

Window Behaviour after AJAX Request

Hello,

I launch the windows from image buttons in a template column in a radgrid (located in a content page that inherits from a masterpage). When I click the cancel buttons on the window and simply close the window, the original settings i specify are maintained. However, when I click a button that does something then executes an ajax request to refresh the underlying grid, every window I open loses the settings I previously defined.

My RadWindowManager/Window setup:

    
            <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behavior="None"  
        
                            InitialBehaviors="Pin" KeepInScreenBounds="True" Modal="True"  
        
                            PreserveClientState="True" ReloadOnShow="True" ShowContentDuringLoad="False"  
        
                            VisibleStatusbar="False"> 
        
                            <Windows> 
        
                                <telerik:RadWindow Skin="Vista"  ID="InsertTaskWindow" runat="server"  
        
                                    Title="Criar Tarefa" Height="620px" 
        
                                    Width="750px" Left="" Modal="true" Overlay="True"  
        
                                    ShowContentDuringLoad="False" Behavior="None" Behaviors="None"  
        
                                    InitialBehavior="Pin" InitialBehaviors="Pin" ReloadOnShow="True"  
        
                                    VisibleStatusbar="False" KeepInScreenBounds="True"  /> 
        
                                <telerik:RadWindow Skin="Vista"  ID="EditTaskDialog" runat="server"  
        
                                    Title="Editar Tarefa" Height="620px" 
        
                                    Width="750px" Left="" Modal="true" Overlay="True"  
        
                                    ShowContentDuringLoad="False" Behavior="None" Behaviors="None"  
        
                                    InitialBehavior="Pin" InitialBehaviors="Pin" ReloadOnShow="True"  
        
                                    VisibleStatusbar="False" KeepInScreenBounds="True"  /> 
        
                                <telerik:RadWindow ID="ConfimTaskDialog" runat="server" Behavior="None"  
        
                                    Title="Concluír Tarefa" 
        
                                    Behaviors="None" InitialBehavior="Pin" InitialBehaviors="Pin"  
        
                                    Height="150px" 
        
                                    Width="300px" VisibleStatusbar="False" 
        
                                    KeepInScreenBounds="True" Left="" Modal="True" NavigateUrl=""  
        
                                    ReloadOnShow="True" ShowContentDuringLoad="False" Top="" Skin="Vista"> 
        
                                </telerik:RadWindow> 
        
                                <telerik:RadWindow ID="ValidateTaskDialog" runat="server" Behavior="None"  
        
                                    Behaviors="None" Height="150px" 
        
                                    Width="300px" InitialBehavior="Pin" InitialBehaviors="Pin"  
        
                                    KeepInScreenBounds="True" Left="" Modal="True" NavigateUrl=""  
        
                                    ReloadOnShow="True" style="display:none;" Title="Validar Tarefa" Top=""  
        
                                    VisibleStatusbar="False" ShowContentDuringLoad="False" Skin="Vista"> 
        
                                </telerik:RadWindow> 
        
                                <telerik:RadWindow ID="ViewTaskNotesDialog" runat="server" Behavior="None"  
        
                                    Height="400px" 
        
                                    Width="400px" 
        
                                    Behaviors="None" InitialBehavior="Pin" InitialBehaviors="Pin"  
        
                                    KeepInScreenBounds="False" Left="" Modal="True" NavigateUrl=""  
        
                                    ReloadOnShow="True" ShowContentDuringLoad="False" VisibleStatusbar="False"  
        
                                    Skin="Vista"  
        
                                    style="display:none;" Title="Notas sobre Tarefa" Top=""> 
        
                                </telerik:RadWindow> 
        
                                <telerik:RadWindow ID="DeleteTaskDialog" runat="server" Behavior="None"  
        
                                    Title="Apagar Tarefa" 
        
                                    Behaviors="None" InitialBehavior="Pin" InitialBehaviors="Pin"  
        
                                    Height="150px" Width="300px" 
        
                                    KeepInScreenBounds="True" Left="" Modal="True" NavigateUrl=""  
        
                                    ReloadOnShow="True" VisibleStatusbar="False"  
        
                                    ShowContentDuringLoad="False" Top="" Skin="Vista"> 
        
                                </telerik:RadWindow> 
        
                                <telerik:RadWindow ID="ViewTaskHistoryWindow" runat="server" Behavior="None"  
        
                                    Height="550px" 
        
                                    Width="1150px" 
        
                                    Behaviors="None" InitialBehavior="Pin" InitialBehaviors="Pin"  
        
                                    KeepInScreenBounds="True" Left="" Modal="True" NavigateUrl=""  
        
                                    ReloadOnShow="True" ShowContentDuringLoad="False" style="display:none;"  
        
                                    Title="Histórico de Tarefas" Top="" VisibleStatusbar="False"> 
        
                                </telerik:RadWindow> 
        
                            </Windows> 
        
                        </telerik:RadWindowManager>

Example Window JavaScript:

    
            <script type="text/javascript">  
        
                        function CloseAndRebind(args) {  
        
                            GetRadWindow().Close();  
        
                            GetRadWindow().BrowserWindow.refreshGrid(args);  
        
                        }  
        
                        function GetRadWindow() {  
        
                            var oWindow = null;  
        
                            if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog  
        
                            else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)  
        
                            return oWindow;  
        
                        }  
        
                        function CancelEdit() {  
        
                            GetRadWindow().Close();  
        
                        }  
        
                    </script>

Code executed on clicking a cancel button:

    
            protected void LnkCancelChanges_Click(object sender, EventArgs e) 
        
                { 
        
                    ClientScript.RegisterStartupScript(Page.GetType(), "mykey", "CancelEdit();", true); 
        
                }

Code executed on clicking "accept" button:

    
            protected void LnkAcceptChanges_Click(object sender, EventArgs e) 
        
                { 
        
                    int result = SqlDataSourceEdit.Update(); 
        
                    ClientScript.RegisterStartupScript(Page.GetType(), "mykey", "CloseAndRebind();", true); 
        
                }

JavaScript refresh grid function on content page:

    
            function refreshGrid(arg) {  
        
                                    $find("<%= RadAjaxManager.GetCurrent(this).ClientID %>").ajaxRequest("Rebind");  
        
                                }

Ajax request code on content page:

    
            protected void RadAjaxManagerProxy1_AjaxRequest(object sender, AjaxRequestEventArgs e) 
        
                { 
        
                    RadGrid grid = (RadGrid)LoginView1.FindControl("RadMultiPageMain").FindControl("PageViewTarefas").FindControl("RadGridTarefas"); 
        
                    if (e.Argument == "Rebind") 
        
                    { 
        
                        grid.MasterTableView.SortExpressions.Clear(); 
        
                        grid.MasterTableView.GroupByExpressions.Clear(); 
        
                        grid.Rebind(); 
        
                    } 
        
                    else if (e.Argument == "RebindAndNavigate") 
        
                    { 
        
                        grid.MasterTableView.SortExpressions.Clear(); 
        
                        grid.MasterTableView.GroupByExpressions.Clear(); 
        
                        grid.MasterTableView.CurrentPageIndex = grid.MasterTableView.PageCount - 1; 
        
                        grid.Rebind(); 
        
                    } 
        
                }

Any Ideias?

Thanks in advance.

Window

answered on 12 Mar 2009

1 answer

106 views

How to fetch Id of RadGrid.ExpandCollapseCommandName in Javascript

Hello All,

                I am using a Rad Grd in my Program ,I want the program requirement is that the AjaxLoadingPanel must be shown only when the ExpandCollapseEvent gets fired of the RadGrid for that I want to fetch the Id of the ExpandCollapse in javascript because I am using the following code

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
       var currentLoadingPanel = null;
       var currentUpdatedControl = null;
       function RequestStart(sender, args)
       {
           currentLoadingPanel = $find("RadAjaxLoadingPanel1");

           if (args.get_eventTarget() == "Button1")
           {
               currentUpdatedControl = "Panel1";
           }
           else
           {
               currentUpdatedControl = "Panel2";
           }
           //show the loading panel over the updated control
           currentLoadingPanel.show(currentUpdatedControl);
       }
       function ResponseEnd()
       {
           //hide the loading panel and clean up the global variables
           if (currentLoadingPanel != null)
               currentLoadingPanel.hide(currentUpdatedControl);
           currentUpdatedControl = null;
           currentLoadingPanel = null;
       }
   </script>
   </telerik:RadCodeBlock>

For that I will need that Please suggest me the answer..
Thankx in advance
Ritzie

Grid

answered on 12 Mar 2009

3 answers

160 views

Dock without borders

Is there a way to create a dock where if a user is logged in, they can see a bar to move the dock, but if they are not logged in, all bars/borders/themes/skins etc are hidden?

Dock

answered on 12 Mar 2009

1 answer

104 views

update radeditor on a buttonclick with radajaxmanager

    
                   function SetEditorContent(content, isInternal) {  
        
                        $find("<%=editorNotes.ClientID%>").set_html(content); //set content to RadEditor on the mane page from RadWindow  
        
                        document.getElementById('<%= chkIsInternal.ClientID%>').checked = isInternal;  
        
                        if (content != null)  
        
                            $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Refresh");  
        
                    }  
        
                    function OnClientResize(sender, eventArgs) {  
        
                    }  
        
                </script> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"   
        
                    onajaxrequest="RadAjaxManager1_AjaxRequest">  
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="btnAddNotes">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadPageView6" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="editorDesc" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
            In the same page  
        
                            <telerik:RadPageView ID="RadPageView6" runat="server">  
        
                                <div id="requestNotes">  
        
                                <div class="buttonsDisplay">  
        
                                    <div class="rbtnDisplay">  
        
                                        <asp:RadioButtonList ID="radlstNotes" runat="server" RepeatColumns="3" width="400px" 
        
                                            RepeatDirection="Horizontal" height="50px" AutoPostBack="True"   
        
                                            onselectedindexchanged="radlstNotes_SelectedIndexChanged">  
        
                                            <asp:ListItem Text="Notes Only" Value="0" Selected="True"></asp:ListItem> 
        
                                            <asp:ListItem Text="Transaction Log Only" Value="1"></asp:ListItem> 
        
                                            <asp:ListItem Text="All" Value="2"></asp:ListItem> 
        
                                        </asp:RadioButtonList> 
        
                                    </div> 
        
                                    <div class="addnotes">  
        
                                    <br /> 
        
                                        <asp:Button ID="btnAddNotes" OnClientClick="ShowNotesDialog(); return false;"   
        
                                            runat="server" Text="Add Notes" Width="100px" onclick="btnAddNotes_Click" /> 
        
                                    </div> 
        
                                </div> 
        
                                    <span class="spaceUnderLabel"></span> 
        
                                        <telerik:RadEditor ID="editorDesc" runat="server" 
        
                                            Height="350px" Skin="Outlook" Width="900px" Enabled="False">  
        
                                            <Content> 
        
                                            </Content> 
        
                                            <Tools> 
        
                                            </Tools> 
        
                                        </telerik:RadEditor> 
        
                                </div> 
        
            </telerik:RadPageView>

 codebehind:

            protected
            
void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
            
{
 
if (e.Argument == "Refresh")
            
{

            save a record in database //working fine

            //want to refresh the editor1 here

            }

            }

Hi,
I am trying to refresh a radeditor1 which is disabled on a button1 click using radajaxmanager1 (page1.aspx)

when button1 is clicked it opens a radwindow with a radeditor2 and 2 buttons. so when a button on radwindow is clicked, it comes back to page1.aspx and goes to RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e) and saves a record. After saving a record i want my radeditor1 to get refreshed. please help me. i am pasting the code here.

Ajax

answered on 12 Mar 2009

1 answer

62 views

AJAX Post Back Issue

Grid is not doing post back in google chrome browser.

Grid

answered on 12 Mar 2009

1 answer

64 views

Embeded Office2007 Skin Image align background positions incorrect

When using the embedded Office2007 skin with RadEditor there are styles being set incorrectly.
In the image properties dialog, you cannot see the align middle-right or align middle-left icons in the image align dropdown. I have inspected this element with firebug, and I noticed that the correct styles are being overridden by an !important declaration in a previous stylesheet added through as webresource.

.rade_MiddleLeft {
   background-position:-3096px -6px; //Correct
}
.rade_MiddleLeft
{
   background-position:4170px -10px !important; /Incorrect
}
.rade_MiddleRight {
   background-position:-3155px -6px; //Correct
}
.rade_MiddleRight {
   background-position:-4249px -10px !important; //Incorrect
}

This does not happen when I use other skins, but I need to use Office2007 to match the theme of the rest of my admin area.

Edit: I tried to override the style with specificity and an !important declaration when I realized that the dialog opens in its own radwindow and iframe and does not load the css files I specify. Is there a way to make it load these files while still using embedded skins?

Editor

answered on 12 Mar 2009

9 answers

507 views

Make tooltip stay on screen ?

You guys are going to end up hating me because I'm trying to do a lot of things that require tooltips at the moment and I keep finding problems ;)

Is it possible to specify that if a tooltip open up near the edge of the page that it stays on the page and doesn't make scroll bars appear ?

You should be able to see what I mean if you hover over the thumbnails on this page...

http://www.templatemonster.com/

They never go off the screen.

Oh and by the way, the following demo doesn't work properly in Firefox..

http://www.telerik.com/DEMOS/ASPNET/Prometheus/ToolTip/Examples/LoadOnDemand/DefaultCS.aspx

when you hover over an item and try to choose a quantity from the select list the tooltip disappears.

ToolTip

answered on 12 Mar 2009

1 answer

213 views

Import PDF, DOC, etc?

I know you can export content from a RadEditor to PDF, but can you programatically load a PDF on the server side?

In my scenario, I would like to open a PDF file and get the text-only representation of it. Loading it into a RadEditor and accessing the text property sounded like a nice idea. I would also like to do this for other formats, such as Word (Doc/x), and whatever else I can get.

Thanks.

Editor

answered on 12 Mar 2009