Unable to access RadEditor/Template Manager buttons

[Chuck]

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
[e-mail]

[Shinu]

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.

[Ianko]

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

 

 

[Chuck]

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    

[Chuck]

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

[Chuck]

Hi Ianko,

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

Thanks
Chuck