Telerik Forums
UI for ASP.NET AJAX Forum
7 answers
191 views
Hi I using the dom inspector to select tags and apply styles. I am having a number of problems:

1. sometimes when I select an element using the dom inspector, the dom inspector disappears altogether and although the item is hightlighted in the editor window, applying a style does nothing

2. sometime when I select an element using the dom inspector and apply a css class I end up with a span tag with the class in it, instead of the class applied to the desired tag

3. sometime when I select an element and apply a css class I end up with class="RadEDomMouseOver" applied to the tag - how can your code end up in my source?

4. sometimes applying css class does nothing

5. sometimes the class gets applied to the topmost tag in the editor instead of the desired tag


I've been using radeditor for a number of years, building CMSs for clients that have no technical ability. I have found lately that the kind of flaky behavior described above seems to be occurring quite a bit. I can go into the source to deal with it, but I don't expect clients to. Are there published best practices that should be used for editing content? I don't mind supporting my own code, but I expect the tool to be as "end user proof" as possible

Thanks
Rumen
Telerik team
 answered on 30 Mar 2011
1 answer
54 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
70 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
51 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
114 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
144 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
52 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
127 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
771 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
257 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?