Unable to access RadEditor/Template Manager buttons

6 posts, 0 answers
  1. Chuck
    Chuck avatar
    18 posts
    Member since:
    Apr 2014

    Posted 22 Jul 2014 Link to this post

    Hello,

    I just upgraded our  Telerik.Web.UI recently to Product version:2014.1.403.40, I’m having issue of using RadEditor/Template Manager, the Insert
    and Cancel buttons are not accessible anymore (see snapshot TemplateManagerButtonaligmentIssue.png). I was trying to fix it using the following CSS change but still unable to make it works.  Am I doing with the wrong class name to adjust the alignment?

    <style type="text/css">
           div.redWrapper div.redActionButtonsAbsoluteWrapper
            {
                position: fixed;
            }      
      
    </style>

    Thanks,

    Chuck Wan
    Wolters Kluwer Health|UpToDate
    Chuck.Wan@wolterskluwer.com

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 22 Jul 2014 in reply to Chuck Link to this post

    Hi Chuck,

    Please try to access the InsertButton and CancelButton using either the class "rfdSkinnedButton" or by using Id "InsertButton" and "CancelButton" respectively.

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 23 Jul 2014 Link to this post

    Hi Chuck,

    On my end the Template Manager renders as expected and the mentioned position: fixed rule do not help with the issue.

    Could you please provide more details about how the initial issue is encountered? Are there any custom CSS rules affecting the dialogs? 

    It would be helpful if you could provide a simple project that demonstrates the issue, so that I could be able to investigate it further. 

    On a side note, could you please provide more information about the mentioned "adjust the alignment" matter? How the used rule is related to it? What should be the expected result?

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Chuck
    Chuck avatar
    18 posts
    Member since:
    Apr 2014

    Posted 23 Jul 2014 in reply to Ianko Link to this post

    Hi Ianko,

     I haven't changed any code or CSS style for the application since the Telerik Radeditor upgrade, and the Template manager buttons were displaying fine prior the upgrade. Since I have product release coming early next week, and I try to how to fix the button display issue using the IE Browser debugger. I found out if change the position value from absolute to fixed (see screenshot TemplateManagerButtonFix.PNG), then the buttons display becomes ok. However, when I include the following CSS style change (see below) in my app, it does not fix the button display problem. 

    <style type="text/css">
                   div.redFBDialogContentButton div.redActionButtonsAbsoluteWrapper
                    {
                        position: fixed;
                    }       
    </style> 

    Is there any way that I can adjust CSS setting for the Template Manager window width so that the window is wide enough to show the cutoff buttons.    


    Thanks,
    Chuck    
  6. Chuck
    Chuck avatar
    18 posts
    Member since:
    Apr 2014

    Posted 23 Jul 2014 in reply to Ianko Link to this post

    Hi Ianko,

    I'm also including a few files for your investigation. I wish I would able to fix the display issue using CSS so that I can meet the product release date.

    Note: It does not allow me to upload the zip. please rename the file RadEditorTestPlsRenameToZIP.png to RadEditorTestPlsRenameToZIP.zip.

    Thanks,
    Chuck
  7. Chuck
    Chuck avatar
    18 posts
    Member since:
    Apr 2014

    Posted 23 Jul 2014 in reply to Ianko Link to this post

    Hi Ianko,

    The problem has been resolved by changing the Template Manager dialog width in code behind.

    Thanks
    Chuck
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017