3 Answers, 1 is accepted
0
Hello,
To be able to provide adequate answer, I would need some additional information regarding the specific scenario:
1. Would you please elaborate more on the specific media queries?
2. Where are those queries defined - inside the RadEditor's content or on the page itself?
3. Which exactly processes do you mean to be messed up?
A sample page demonstrating the exact scenario will be of great help.
Regards,
Bozhidar
Telerik
To be able to provide adequate answer, I would need some additional information regarding the specific scenario:
1. Would you please elaborate more on the specific media queries?
2. Where are those queries defined - inside the RadEditor's content or on the page itself?
3. Which exactly processes do you mean to be messed up?
A sample page demonstrating the exact scenario will be of great help.
Regards,
Bozhidar
Telerik
Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.
0

Chad
Top achievements
Rank 1
answered on 25 Mar 2014, 01:38 PM
In the Editor
The processes that happen when you switch between design / html / preview.
What we're seeing is that a customer with a custom media query in their html that is put into the editor body, the image size is for some reason getting changed. I'm wondering if it's possible the media query is changing the size of the image when it''s displaying in design or preview and then translating it back to a new HTML size when it goes back into the HTML mode in the editor.
The processes that happen when you switch between design / html / preview.
What we're seeing is that a customer with a custom media query in their html that is put into the editor body, the image size is for some reason getting changed. I'm wondering if it's possible the media query is changing the size of the image when it''s displaying in design or preview and then translating it back to a new HTML size when it goes back into the HTML mode in the editor.
0
Hello,
I have tested with the following code:
Switching between modes works fine and I don't see any problems. If in your case, if the media query is enabled it is possible to apply some changes based on the styles specified in the media query.
We will need a simple working code demonstrating the case in order to give you a more detailed explanation.
Regards,
Bozhidar
Telerik
I have tested with the following code:
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
style
>
@media (max-width: 600px) {
img {
width: 100px;
height: 100px;
}
}
img {
width: 500px;
height: 500px;
}
</
style
>
</
head
>
<
body
>
<
div
><
img
alt
=
""
src
=
"http://www.wired.com/images_blogs/wiredscience/2012/10/kitten-kisses-dog.jpg"
/></
div
>
</
body
>
</
html
>
Switching between modes works fine and I don't see any problems. If in your case, if the media query is enabled it is possible to apply some changes based on the styles specified in the media query.
We will need a simple working code demonstrating the case in order to give you a more detailed explanation.
Regards,
Bozhidar
Telerik
Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.