See attached image. We have an editor control that is displayed to the right of other information (so not centered on the screen). When the hyperlink dialog is shown, the text-fields for configuration look like they are centered relative to the editor and not the dialog--which is centered on the page. So the user cannot see the fields to enter information.
Any suggestions?
2 Answers, 1 is accepted
0
Accepted
Hello, James,
Thank you for the details.
I can assume that there are custom CSS rules applied which are interfering with the InsertImage window.
I have created an example with similar positioning and the editor fields were shown as expected:
https://stackblitz.com/edit/react-t8czwm?file=app/main.jsx
Please inspect the element and observe if there are non KendoReact styles added to the element.
Regards,
Stefan
Progress Telerik
Thank you for the details.
I can assume that there are custom CSS rules applied which are interfering with the InsertImage window.
I have created an example with similar positioning and the editor fields were shown as expected:
https://stackblitz.com/edit/react-t8czwm?file=app/main.jsx
Please inspect the element and observe if there are non KendoReact styles added to the element.
Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Feedback Portal
and vote to affect the priority of the items
0
James
Top achievements
Rank 1
Rank 1
answered on 16 Aug 2019, 01:54 PM
Thanks,
Even though we weren't directly manipulated the styles, we had to go through the fields and clear floats on both left and right instead of just right like the css styles for the Kendo control were doing. Not sure what was actually interfering with them, but easy enough workaround.