Hello Telerik Team,
Could you please help me with my issue ? My intention is to have completely responsive app with responsive design, elasticitiy, etc. I use RadPageLayout and also css files with media query based on resolution from this page http://docs.telerik.com/devtools/aspnet-ajax/controls/pagelayout/creating-responsive-design/viewport-breakpoints
So far everything is working fine, but now I want to use a discussion forum with radwindow control for a new thread. Declaration of current radwindow is here:
<
telerik:RadWindow
NavigateUrl
=
"~/Pages/EditForm/Helper/ForumBoardInWindow.aspx"
runat
=
"server"
Behaviors
=
"Close,Move, Resize"
ID
=
"ForumBoardWindow"
VisibleStatusbar
=
"false"
Width
=
"620px"
Height
=
"388px"
Modal
=
"false"
KeepInScreenBounds
=
"true"
>
</
telerik:RadWindow
>
The problem is that radwindow fixed width and height (iframe) has taken media query from css file as a small screen resolution, even web browser (IE, Firefox) is running on 23'' display - 1920 x 1080 pixels resolution. The result is smaller displayed font as parent page has.
@media only
screen
and (
min-width
:
361px
) and (
max-width
:
768px
) {
body {
font-size
:
11px
;
background-color
:Fuchsia;
}
}
Parent page looks good, it is evaluated as extra large screen.
@media only
screen
and (
min-width
:
1281px
) {
body {
font-size
:
16px
;
}
}
So I have two issues:
1. How to set the same media query resolution for a radwindow control as parent page has, based on actual web browser size ?
2. How to proportionally resize rad window control when user resize web browser (IE, Firefox), or application will be opened on smaller devices (tablet, mobile phone) ?
Thank you for your help and assistance.
Best regards
Vasssek