This is a migrated thread and some comments may be shown as answers.

Unable to access RadEditor/Template Manager buttons

5 Answers 17 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Chuck
Top achievements
Rank 1
Chuck asked on 22 Jul 2014, 10:38 PM
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

5 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 23 Jul 2014, 04:57 AM
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.
0
Ianko
Telerik team
answered on 23 Jul 2014, 12:40 PM
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.

 
0
Chuck
Top achievements
Rank 1
answered on 23 Jul 2014, 03:33 PM
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    
0
Chuck
Top achievements
Rank 1
answered on 23 Jul 2014, 03:40 PM
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
0
Chuck
Top achievements
Rank 1
answered on 23 Jul 2014, 07:27 PM
Hi Ianko,

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

Thanks
Chuck
Tags
Editor
Asked by
Chuck
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Ianko
Telerik team
Chuck
Top achievements
Rank 1
Share this question
or