Visual Studio .NET - How to display a website in fullscreen?
Asked By kunal mukherjee on 21-Feb-07 02:43 AM
Hi All
I want to display my website in fullscreen no matter what the screen area of the client's browser is. It may happen that the clients has different toolbars and other things which might not give a proper resolution like 800x600 or 1024x768. So I need to get a solution so that the design is always displayed in fullscreen regardless of the resolution.
Can CSS be of any help? Please help me. Any kind of ideas are most welcome. It would be better if you can provide some sample code.
Thanks in advance.
implement fluid Web page layout
mv ark replied to kunal mukherjee on 21-Feb-07 03:27 AM
You can make your web page spread across the screen dimensions available by using either Tables or CSS. The article here - http://www.sitepoint.com/print/liquid-design talks about fluid Web page layout in detail with code.
To implement fluid Web page layout with tables you have to set the table width as a percentage rather than as pixels.
display a website in fullscreen
K Pravin Kumar Reddy replied to kunal mukherjee on 21-Feb-07 06:22 AM
hello
making aspx page full screen
<script language="javascript" type="text/javascript">
window.open("Default2.aspx","secondWindow","fullscreen,scrollbars='no',statusbar='yes'").focus();
//set new window as the opener to bypass alert
window.opener = 'secondWindow';
//close original window that was the inital opener without alert
window.self.close();
</script>
Automatic style changes of ASP.NET controls as per client's screen resolution
K Pravin Kumar Reddy replied to kunal mukherjee on 21-Feb-07 06:28 AM
Automatic style changes of ASP.NET controls as per client's screen resolution
This article will tell you about a technique through which you can make intelligent ASP.NET websites which will automatically detect the resolution of the visitor's desktop and generate a resolution optimized mark-up of a page, not forcing the visitor to keep the resolution of his/her desktop according to the website's best view resolution.
http://www.codeproject.com/aspnet/DynamicScreens.asp
This code works for IE! But for Mozilla does not!
kunal mukherjee replied to K Pravin Kumar Reddy on 21-Feb-07 11:20 AM
The following code is the solve for what I have asked. But it works only in case of IE. Can anyone fix it for mozilla?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Left column</title>
<style type="text/css">
.examplecode{
font-family: Courier new;
}
.examplecode{
background-color: #EFEFEF;
font-size: 13px;
}
#leftcolumn{
background-color: navy;
position: absolute;
left: 0;
top: 0;
/*width: 200px;*/
height: 700px; /*default height*/
height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight+'px' : body.clientHeight+'px');
width: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientWidth+'px' : body.clientWidth+'px');
}
#centrediv{
background-color:gray;
position:relative;
left:inherit;
right:auto;
height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight/4+'px' : body.clientHeight+'px');
width: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientWidth/4+'px' : body.clientWidth+'px');
}
</style>
</head>
<body>
<div id="leftcolumn">Left column...
<div id="centrediv">This is a Relative Centre Div...</div>
</div>
<p> </p>
<img alt="Pic" id="cat" src="1.jpg" style="width: 120px; height: 150px; position: absolute;" />
<script type="text/javascript">
var targetEl=document.getElementById("cat")
var docElement=(document.compatMode=='CSS1Compat')? document.documentElement: document.body
if (targetEl.setExpression){
targetEl.style.setExpression("left", "(docElement.clientWidth-120)/2+'px'")
targetEl.style.setExpression("top", "(docElement.clientHeight-150)/2+'px'")
}
</script>
</body>
</html>
Re :: Display Website in full Screen
Shailendrasinh Parmar replied to kunal mukherjee on 04-Nov-08 05:08 AM
There is no need to use CSS for seeing website in fullscreen.
Just PRESS F11 on your keyboard for any website, the web site will be seen in full screen.
Try it, hope it helps.
make toolbar, menubar, addressbar, statusbar, . . . invisible to user when he / she comes to visit my website? Thanks if you answer. You cannot. The only way to control whether these items display in the browser or not is to use the javascript window.open function: http: / / msdn browser in full screen mode write following code in your head tag if (this.name! = 'fullscreen'){ window.open(location.href, 'fullscreen', 'fullscreen, scrollbars') } for more info follow the link http: / / javascript.internet.com / navigation / full-screen2.html one thing. On the home page write the javascript which open the popup windows which display only page and hide statusbar, addressbar, menubar, etc. . and close that previous page. See the
i used javascript, it is working but there are 2 textbox where i want to display date from calender. But it is picking date from one place and showing into one textbox. i want to display in both, the code is:- <%@ Page Language = "C#" MasterPageFile = "~ / User / User.Master" AutoEventWireup = "true" CodeBehind tSp2+3); Cal.SetSecond(strSecond); } } winCal = window.open("", "DateTimePicker", "toolbar = 0, status = 0, menubar = 0, fullscreen = no, width = 195, height = 245, resizable = 0, top = "+cnTop+", left = "+cnLeft); docCal = winCal.document; RenderCal name: My Date Time Picker / / Date created: 16-Nov-2003 23:19 / / Scripter: TengYong Ng / / Website: http: / / www.rainforestnet.com / / Copyright (c) 2003 TengYong Ng / / FileName: DateTimePicker.js / / Version: 0.8 tSp2+3); Cal.SetSecond(strSecond); } } winCal = window.open("", "DateTimePicker", "toolbar = 0, status = 0, menubar = 0, fullscreen = no, width = 195, height = 245, resizable = 0, top = "+cnTop+", left = "+cnLeft); docCal = winCal.document; RenderCal TextBox, Use JQuery Calendar Control. For that you have to use JqueyUi plugin in your website, after that you can use Jquery calaendar Control. Like this- function funShowCal() { $("#<% = txtDOB.ClientID%> ").datepicker i used javascript, it is working but there are 2 textbox where i want to display date from calender. But it is pi
hi, i have designed one website in ASP.NET, visual studio 2010. My Laptop screen resolution is 1280x1024 . I have compiled and run the site, it is fit to my window. Now, i have published the website and put in Web hosting. If anyone opens the website URL from web browser, under their system's screen resolution (if it is 1024x768), then coming at the bottom of the window. How to overcome this? How to set the website constant display for all the resolutions of systems?? Way 1 : Visit this site, it provide the framework 960.gs / > Way 2: Prompt the user About perfect Browser and screen resolution for your website in the page load: protected void Page_Load( object sender, EventArgs e) { if (Session[ "Resolution_Warn" ] = = null
displaying ASP.NET 06-Jun-13 10:07 AM <ASPNetVideo:WindowsMedia ID = "WindowsMedia1" runat = "server" FullScreen = "true" Width = "200" Height = "200" AutoPlay = "true" LoopCount = "1"> < / ASPNetVideo:WindowsMedia> WindowsMedia1.VideoURL = "~ / ADMIN / prodvideos videods.Tables[0].Rows[0]["videofiles"].ToString(); i have taken the windows media player to display the video content.However i want to make this to open all formats of the a flash player installed, then he / she have to download the flash player for their website you don't need to have worry about the client's machine because some installation
html. . .why??? Macromedia Flash 06-Jun-13 10:06 AM hi, i have created a website that plays a flash video: <embed src = ". . / Photos / things_we_make / pureice.swf" autostart = "true" loop = "false 1 i successfully created a video player. . it has a player in it (play, pause, fullscreen. . etc. . ) when i test my movie, , but when i embed that .swf file in my website, the PLAYER DOES NOT APPEAR!?! what the heck happened there? does anybody know an answer the same HTML to the browser that you would type into an HTML page to display the file. First, create a static HTML page with your <object> link, and open it video, FLV description: player does not show in html. . .why hi, i have created a website that plays a flash video: i imported an .flv in FLASH CS3, , following this steps
video display ASP.NET 06-Jun-13 10:07 AM <object width = "312px" height = "248px" classid = "CLSID balance" value = "0"> <param name = "currentPosition" value = "0"> <param name = "enableContextMenu" value = "True"> <param name = "fullScreen" value = "False"> <param name = "mute" value = "False"> <param name = "playCount" value = "1"> <param name = "rate 320px" autostart = "true" url = ". / prodvideos / TASP2W1_P1_L01_T02.wmv" enabled = "True" balance = "0" currentposition = "0" enablecontextmenu = "True" fullscreen = "False" mute = "False" playcount = "1" rate = "1" stretchtofit = "False" uimode = "3"> for this code how to display video by giving file name in cs code hi, You can do this on two help you Hi, There are many ways now a days to play video on your website. 1) Flash Player for flash visit http: / / blogs.ugidotnet.org / kfra / archive / 2006 / 10 / 04 / 50003.aspx 2) HTML5 video tag To display video using HTML5 just follow the code < video src = "movie.ogg" controls = "controls" > < / video > 3 help you ! keywords: Windows MediaSilverlight, static HTML, ASP.NET, Windows Media Player, Button description: video display p. . . 06-Jun-13 10:07 AM
component for displaying PDF files inside websites or Flash applications. The component does not exactly display PDF files but the PDF-to-SWF converted files in a Acrobat Reader-like interface convert documents, like http: / / www.swftools.org / download.html. FlexPaper supports zoom in / out, paging, fullscreen, search and printing the documents viewed. Optionally, it is possible to use the component in Adobe Flex as a SWC source file comes with the download. Website: http: / / flexpaper.devaldi.com / Download: http: / / flexpaper.devaldi.com / download.htm Thanks, Nowshad Hi, I swfobject.embedSWF( "FlexPaperViewer.swf", "flashContent", "800", "550", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes); swfobject.createCSS("#flashContent", "display:block;text-align:left;"); } } < / script> You just download that swfobject js from the path Thanks
Hi I am new to website design and i have learnt html and css and moving onto php and javascript. I homepage and it displays fine for me. But some others that view it say layers display down one side and some are missing completely. We are all using IE8 so it be the browser few of them would have not turned the " Compatibility mode " for the website. And also note, few of them can still have the beta version running. Hope that you crack the case. keywords: Xslt, Xml, Xml Xslt, Compatibility mode, learnt html, javascript description: website display Hi I am new to website design and i have learnt html and css and moving onto php and javascript. I