Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
58 views
I have a project setup with 5 tabs and 5 page views setup with scroll bars.  In IE 8 (not in

Compatibility mode) when you click outside the pageview scroll bars IE 8 crashes.  Chromes, FireFox, IE7 are all fine.  Any suggestions

 

<body>
    <div id="main" style="width: 100%; height: 100%;">
    <div id="content">
        <form id="frmSurveyManager" runat="server" style="height:90%;">
        <div id="header">
            <div id="logo">
                <img src="Images/logo.gif" alt="" />
                <div id="headerbtn">
                    <asp:Button ID="btnInstructions" runat="server"  Text="Instructions" onclick="btnInstructions_Click"/>
                        <asp:Button ID="btnSubmitSurvey" runat="server"  Text="Submit Survey" 
                        onclick="btnCloseSurvey_Click"/>
                    <asp:Button ID="btnExit" runat="server" Text="Close Survey" OnClientClick="javaScript:window.close(); return false;" />
               </div>
                 
            </div>
        </div>
        <telerik:RadScriptManager ID="radScriptManager" Runat="server">
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="radAjaxManager" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="radAjaxManager">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="radMultiPage" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="tabStrip">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="tabStrip" />
                        <telerik:AjaxUpdatedControl ControlID="radMultiPage" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="radMultiPage">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="radMultiPage" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
      
      
      
    <telerik:RadTabStrip ID="tabStrip" runat="server" Width="100%"
        MultiPageID="radMultiPage" Skin="Windows7" AutoPostBack="True" 
        ontabclick="tabStrip_TabClick" SelectedIndex="0">
        <Tabs>
            <telerik:RadTab runat="server" PageViewID="PageViewHeader" 
                Text="My General Info" Selected="true"  >
            </telerik:RadTab>
            <telerik:RadTab runat="server" PageViewID="PageViewDefault" 
                Text="My Survey">
            </telerik:RadTab>
            <telerik:RadTab runat="server" PageViewID="pageViewNewJob" 
                Text="Add A New Job">
            </telerik:RadTab>
            <telerik:RadTab runat="server" PageViewID="pageViewAll" 
                Text="View My Jobs">
            </telerik:RadTab>
           <%-- <telerik:RadTab runat="server" PageViewID="PageViewReport"  
               Text="View Report">
            </telerik:RadTab>--%>
            <telerik:RadTab runat="server" PageViewID="ViewJobsPacket" 
                Text="View Jobs Packet">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="radMultiPage" Runat="server" SelectedIndex="3" RenderSelectedPageOnly="true" ScrollBars="Auto">
        <telerik:RadPageView  ID="PageViewDefault" runat="server" Width="100%">
            <iframe src="SurveyGrid.aspx" onload="fillscreen('SurveyFrame')" scrolling="yes" frameborder="1" id="SurveyFrame" name="SurveyFrame" height="80%" marginheight="0 0 20px 0;"></iframe>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pageViewNewJob" runat="server">
         <iframe src="NewJob.aspx" onload="fillscreen('NewJobFrame')" scrolling="yes" frameborder="0" id="NewJobFrame" name="NewJobFrame" height="80%" marginheight="0 0 20px 0;"></iframe>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pageViewAll" runat="server">
             <iframe src="ViewAll.aspx" onload="fillscreen('ViewAllFrame')" scrolling="yes" frameborder="0" id="ViewAllFrame" name="ViewAllFrame" height="80%" marginheight="0 0 20px 0;"></iframe>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pageViewHeader" runat="server">
            <iframe src="SurveyHeader.aspx" onload="fillscreen('ViewHeaderFrame')" scrolling="yes" frameborder="0" id="ViewHeaderFrame" name="ViewHeaderFrame"  height="80%" marginheight="0 0 20px 0;"></iframe>
        </telerik:RadPageView>
        <telerik:RadPageView ID="PageViewReport" runat="server">
        <iframe src="ViewReports.aspx" onload="fillscreen('ViewReportFrame')" scrolling="yes" frameborder="0" id="ViewReportFrame" name="ViewReportFrame" height="80%" marginheight="0 0 20px 0;"></iframe>
        </telerik:RadPageView>
        <telerik:RadPageView ID="ViewJobsPacket" runat="server">
         <iframe src="ViewJobPacket.aspx"  onload="fillscreen('ViewJobPacket')" scrolling="yes" frameborder="0" id="ViewJobPacket" name="ViewJobPacket" height="80%" marginheight="0 0 20px 0;"></iframe>
        </telerik:RadPageView>
    </telerik:RadMultiPage>
    </form>
    </div>
    </div>
</body>

Kate
Telerik team
 answered on 30 Mar 2011
1 answer
76 views
Hi!

I just noticed a weird behaviour (in my opinion) with the Text-property of the editor.

If I have the following text:

Row 1<br />
Row 2<br />
<br />
<br />
Row 5<br />
<br />
<br />
<br />
<br />
Row 10

The Content-property reveals:
Row 1<br />\r\nRow 2<br />\r\n<br />\r\n<br />\r\nRow 5<br />\r\n<br />\r\n<br />\r\n<br />\r\n<br />\r\nRow 10

However, the Text-property reveals:
Row 1\n Row 2\n\n Row 5\n\n Row 10

It looks like two or more NewLines are stripped down to two NewLines on the Text-property.
Dobromir
Telerik team
 answered on 30 Mar 2011
1 answer
53 views
I know this is something easy... but can't figure it out.

I have a radgrid working well.. so I decided to ajaxify it as so:

<telerik:RadAjaxManagerProxy ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="PatientGrid">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="PatientGrid" LoadingPanelID="RadAjaxLoadingPanel1" />
                <telerik:AjaxUpdatedControl ControlID="AddPatientButton" />
            </UpdatedControls>
        </telerik:AjaxSetting>
         <telerik:AjaxSetting AjaxControlID="AddPatientButton">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="PatientGrid" LoadingPanelID="RadAjaxLoadingPanel1"   />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1"  runat="server"  />
   <div class="FoundDiv">
    <label>Patients Found:</label><telerik:RadButton ID="AddPatientButton" runat="server" Text="Add Patient"></telerik:RadButton>
</div>    
<telerik:RadGrid ID="PatientGrid" runat="server" ........

The AddPatientButton which does this:

Private Sub AddPatientButton_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles AddPatientButton.Click
            Me.AddPatientButton.Enabled = False
            PatientGrid.MasterTableView.IsItemInserted = True
            Page.Validate()
            PatientGrid.MasterTableView.Rebind()
        End Sub

Now, after ajaxifying things... it no longer goes to Insert mode...????
Maria Ilieva
Telerik team
 answered on 30 Mar 2011
1 answer
116 views
hi,
not able to add click event in radtoolbar.
i want to fire"RadToolBar_ButtonClick" fire this event on radtoolbar button click.

<telerik:RadTabStrip ID="rtsActionMenuToolBar" runat="server" MultiPageID="RadMultiPage1"
                              SelectedIndex="0" Style="padding-left: 5px;" ShowBaseLine="true">
                          </telerik:RadTabStrip>
                           <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Height="100px" SelectedIndex="0"
                              CssClass="MultipageWrapper">
                              </telerik:RadMultiPage>

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            List<ActionMenuToolBarBE> lstActionMenuToolBarBE = new ActionMenuToolBarDomain().SelectActionMenuToolBar(null, null);
 
            List<ActionMenuToolBarBE> lstActionMenuToolBarBEParent = lstActionMenuToolBarBE.FindAll(delegate(ActionMenuToolBarBE obj) { return obj.ParentToolBarID == 0; });
            foreach (ActionMenuToolBarBE obj in lstActionMenuToolBarBEParent)
            {
                RadTab rootTab = new RadTab();
                rootTab.Text = obj.ToolBarName;
                rootTab.Value = obj.ToolBarID.ToString();
                rtsActionMenuToolBar.Tabs.Add(rootTab);
 
                RadToolBar objRadToolBar = new RadToolBar();
                objRadToolBar.AutoPostBack = true;
                objRadToolBar.CausesValidation = false;
                objRadToolBar.ButtonClick += new RadToolBarEventHandler(RadToolBar_ButtonClick);
 
                List<ActionMenuToolBarBE> lstActionMenuToolBarBEChild = lstActionMenuToolBarBE.FindAll(delegate(ActionMenuToolBarBE objchild) { return objchild.ParentToolBarID == obj.ToolBarID; });
                foreach (ActionMenuToolBarBE objChild in lstActionMenuToolBarBEChild)
                {
                    RadToolBarButton tbb = new RadToolBarButton();
                    tbb.Text = objChild.ToolBarName;
                    objRadToolBar.Items.Add(tbb);
                }
 
                RadPageView pageView = new RadPageView();
                pageView.ID = obj.ToolBarName;
                pageView.Controls.Add(objRadToolBar);
                RadMultiPage1.PageViews.Add(pageView);
            }
        }
    }
 
    protected void RadToolBar_ButtonClick(object sender, RadToolBarEventArgs e)
    {
        string s1 = e.Item.Value;
    }


Regards,
Jayesh Goyani
Jayesh Goyani
Top achievements
Rank 2
 answered on 30 Mar 2011
3 answers
145 views
In Radschedular control, how can we change only the orange arrow to black arrow  which is part of the skin -sitefinity applied to Radschedular control
Attachment shows the arrow
Veronica
Telerik team
 answered on 30 Mar 2011
2 answers
54 views
Hi,

I have an ASP.NET page with a RadSplitter containing various panels and 2 other splitters.  One of the panels, that doesn't show when the page first loads, contains four Silverlight controls.  The panel 'pops-up' when the user requests and then the Silverlight controls show for the first time.  Everything was working fine in both IE and Firefox until I added VisibleDuringInit="false" to the RadSplitter.  At that point the SilverLight controls no longer show in FireFox, but work fine in IE.  If I turn it back to "true", it starts working in FF again.  I have v.2010.3.1317.35 installed...  Has anyone seen anything like this or have any idea what might be wrong?

Thanks
Dave
Dave
Top achievements
Rank 1
 answered on 30 Mar 2011
2 answers
135 views
Hi,

Does anyone know of a way to prevent the style selector from being able to alter the style applied to a span which as the contenteditable="false" attribute set?  Eg, I have this html in the editor:

<span class="LockedContent" id="19" contenteditable="false" 
xml="LockedContent">Some locked content</span><BR><BR>
And when I select this in the editor, I can then change the style using the style editor, which I dont want to allow.

Any ideas appreciated!

thanks
Darren
Top achievements
Rank 1
 answered on 30 Mar 2011
5 answers
780 views
how can i find out whether the grid is in expand mode or collapse mode?
Tajes
Top achievements
Rank 1
 answered on 30 Mar 2011
9 answers
264 views

So I have a RadPanelBar, and within that a RadTreeView. On a node click event I want so update some control.. for now I am just trying to update a textbox. It works fine except that the first time I click on a child node it takes a very long time to update the control.. Just a simple text change. I set a break point in my function and I noticed that it is taking long to fire the OnNodeClick event.. If I click a parent node in the tree view it loads fine on the first click. Also, after the first time I've clicked it.. it loads quickly.. If I refresh the page, it is slow on the first click again.. Is there something I am missing.. Is the structure of my HTML inappropriate for these AJAX calls? I feel like this is a really simple example that should work..

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"> 
   
<AjaxSettings> 
       
<telerik:AjaxSetting AjaxControlID="IncidentReportPanel"> 
           
<UpdatedControls> 
               
<telerik:AjaxUpdatedControl ControlID="IRViewPanel" LoadingPanelID="LoadingPanel1" /> 
           
</UpdatedControls> 
       
</telerik:AjaxSetting> 
   
</AjaxSettings> 
</telerik:RadAjaxManagerProxy> 
<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Style="width: 320px; 
    padding
-top: 125px;" Skin="Vista"> 
</telerik:RadAjaxLoadingPanel> 
<table width="100%"> 
   
<tr style="height: 25px"> 
       
<td> 
       
</td> 
       
<td> 
       
</td> 
   
</tr> 
   
<tr style="height: 100%"> 
       
<td style="width: 250px"> 
           
<telerik:RadPanelBar ID="IncidentReportPanel" runat="server" Height="450px" CssClass="IRPanel"> 
               
<Items> 
                   
<telerik:RadPanelItem runat="server" Text="Incident Reports" ImageUrl="./Images/folder.gif" 
                       
Value="IncidentReports"> 
                       
<Items> 
                           
<telerik:RadPanelItem> 
                               
<ItemTemplate> 
                                   
<telerik:RadTreeView ID="IncidentReportsTreeView" runat="server" OnNodeExpand="LoadTreeNodes" 
                                       
OnNodeClick="PopulateIRData"> 
                                       
<Nodes> 
                                           
<telerik:RadTreeNode Text="Pending" ExpandMode="ServerSideCallBack" ImageUrl="./Images/completed.gif"> 
                                           
</telerik:RadTreeNode> 
                                           
<telerik:RadTreeNode Text="Completed" ExpandMode="ServerSideCallBack" ImageUrl="./Images/completed.gif"> 
                                           
</telerik:RadTreeNode> 
                                       
</Nodes> 
                                   
</telerik:RadTreeView> 
                               
</ItemTemplate> 
                           
</telerik:RadPanelItem> 
                       
</Items> 
                   
</telerik:RadPanelItem> 
                   
<telerik:RadPanelItem runat="server" Text="Calendar" ImageUrl="./Images/calendar.gif" 
                       
Value="Calendar"> 
                       
<Items> 
                           
<telerik:RadPanelItem> 
                               
<ItemTemplate> 
                                   
<telerik:RadCalendar runat="server" ID="IRCalendar" Width="100%" /> 
                               
</ItemTemplate> 
                           
</telerik:RadPanelItem> 
                       
</Items> 
                   
</telerik:RadPanelItem> 
               
</Items> 
           
</telerik:RadPanelBar> 
       
</td> 
       
<td> 
           
<asp:Panel ID="IRViewPanel" runat="server"> 
               
<telerik:RadTextBox ID="RadText" runat="server"> 
               
</telerik:RadTextBox> 
           
</asp:Panel> 
       
</td> 
   
</tr> 
</table> 

 

        protected void PopulateIRData(object sender, RadTreeNodeEventArgs e) 
   
{ 
       
RadText.Text = "Hello, World!"; 
   
} 
Tsvetina
Telerik team
 answered on 30 Mar 2011
5 answers
131 views
 Hi Im building a calendar in which the headline of the entry is showed up and opon hover the radtooltip shows up..
In order to do that I'm assuming I have to create a custom template for every entry since what shows up on the calendar is the id for each template...

I have created database tables and have a loop that adds the special days to the radCalendar control: 
when I run this it does fill the grid but it puts the date of the cell on each cell of the calendar which is not what I want.

Do While dr.Read()
                 Dim d As New DateTime()
                 Dim s As String = ""
                 Dim NewDay As New RadCalendarDay(RadCalendar1)
                 '---------------------------------Date
                 If Not IsDBNull(dr("evnDate")) Then
                     d = dr("evnDate")
                 Else
                     d = System.DateTime.Now
                 End If
 
                 NewDay.Date = New DateTime(d.Year, d.Month, d.Day)
                 '---------------------------------Repeat
                 If Not IsDBNull(dr("evnRepeats")) Then
                     s = dr("evnRepeats")
                 End If
 
                 Select Case s
                     Case "Monthly"
                         NewDay.Repeatable = RecurringEvents.DayAndMonth
                     Case "Daily"
                         NewDay.Repeatable = RecurringEvents.DayInMonth
                     Case "Weekly"
                         NewDay.Repeatable = RecurringEvents.Week
                     Case ""
                         NewDay.Repeatable = RecurringEvents.None
                 End Select
                 '-------------------------------------Tooltip
                 If Not IsDBNull(dr("evnToolTip")) Then
                     NewDay.ToolTip = dr("evnToolTip")
                 End If
                 '-------------------------------------TemplateID, but first Create TEmplate,
                 '                                   in order to create template create div
 
                  
 
                 'Dim newT As New DayTemplate()
                 'newT.Controls.Add(cDiv)
                 'newT.ID = cDiv.InnerHtml.Replace(" ", "")
 
 
 
                 'If RadCalendar1.CalendarDayTemplates.Contains(newT) Then
                 '    RadCalendar1.CalendarDayTemplates.Add(newT)
                 'End If
                 'NewDay.TemplateID = newT.ID
 
                 'RadCalendar1.SpecialDays.Add(NewDay)
 
                 Dim cDiv As New System.Web.UI.HtmlControls.HtmlGenericControl("DIV")
                 cDiv.Attributes("class") = "rcTemplate rcDayMortgage"
 
                 If Not IsDBNull(dr("evnTemplateID")) Then
                     cDiv.InnerHtml = dr("evnTemplateID")
                 ElseIf dr("evnTemplateID") = "" Then
                     cDiv.InnerHtml = "Calendar Entry"
                 Else
                     cDiv.InnerHtml = "Calendar Entry"
                 End If
 
                 cDiv.ID = cDiv.InnerText
                 Dim template As New CalendarCellContentTemplate(RadCalendar1, d, cDiv, NewDay.Repeatable)


Then Also I have grabbed this piece of code from your website that implements Itemplate to add the template to the Grid

Public Class CalendarCellContentTemplate
       Implements ITemplate
 
       Private cellContent As Control
       Public Sub New(ByVal calendarInstance As RadCalendar, ByVal cellDate As DateTime, ByVal cellContent As Control, _
                      ByVal repeat As Telerik.Web.UI.Calendar.RecurringEvents)
           Dim spec As RadCalendarDay
           Me.cellContent = cellContent
 
           spec = calendarInstance.SpecialDays(calendarInstance.SpecialDays.IndexOf(cellDate))
 
           If spec Is Nothing Then
               spec = New RadCalendarDay()
               spec.Date = cellDate
               spec.TemplateID = "BirthdayTemplate"
               calendarInstance.SpecialDays.Add(spec)
           End If
 
           Dim template As New DayTemplate
           template.ID = cellContent.ID
           template.Content = Me
 
           spec.Repeatable = repeat
           calendarInstance.CalendarDayTemplates.Add(template)
       End Sub
 
       Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn
           container.Controls.Add(Me.cellContent)
       End Sub
   End Class

Tsvetina
Telerik team
 answered on 30 Mar 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?