Console font & screen size

Hi folks,
Is anybody aware of a way to change the font and/or the screen size when working in console mode on an x86 system? By console mode, I'm referring to an environment without X/JDS/CDE.
Cheers,
Tim

I had a hard time understanding what you mean, but to clarify: you mean that the rendered image of the screen does not fit the physical screen in some way and is cropped at the bottom? is it fine in X?
maybe you should try using a framebuffer and use another resolution for console. try to add vga=791 or something (there's a handy table in /boot/grub/menu.lst) at the end of your kernel command line.
Last edited by lloeki (2008-05-07 19:10:20)

Similar Messages

  • Font size based on screen size

    How to set different fonts for a textblock or for other controls in a page based on the screen resolution

    Additionally, a MSDN documentation for you:
    Supporting multiple screen sizes also
    Scaling to pixel density for your reference.
    --James
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Restoring default console font size

    I recently performed a long overdue series of updates, and now I'm facing the same font size issue that was discussed in this thread: https://bbs.archlinux.org/viewtopic.php?id=96768
    Now I've seen this page, which talks about changing the font and the size: https://wiki.archlinux.org/index.php/Fo … fault_font
    But the thing is I actually like the font, it's just the size that I'm trying to change. When the system starts to boot, the size is great. It's only after "waiting for udev uevents to be processed" has finished that the font gets tiny. So I know the right settings are somewhere in there, I just don't know where to keep them the way they are without getting changed.
    I have a sneaking suspicion the fix is easy, I'm just missing it. Any help would be greatly appreciated!
    Last edited by Infrared (2012-06-03 02:49:31)

    jasonwryan wrote:
    Instructions for changing the default console font are on the wiki: https://wiki.archlinux.org/index.php/Fo … fault_font
    As far as I can tell, the default font is called, oddly enough, default - and if you look in /usr/share/kbd/consolefonts you will see only two options: 8x16 and 8x9 - use setfont to confirm.
    If neither of those is large enough after KMS kicks in, you might try one of the other older school fonts in that directory.
    Oddly enough, it is called default, haha. Played around with a couple of the font settings, but what wound up happening was that it would load the font, and then after ""waiting for udev uevents to be processed" finished, the font got tiny again.
    So it might be a resolution thing. Will look into that.
    Gusar wrote:When this comes up (this thread is by far not the first one on this subject), the reaction is always advising to change the font. Never to change the resolution. Yet another one of the weird phenomenons I find so interesting.
    Suggestions on best method to do so?
    Last edited by Infrared (2012-06-04 01:46:15)

  • Consolas font size (system vs. xfce4-terminal)

    Hi there,
    I use infinality's patched fontconfig and the Consolas font for monospace. The problem I have is that 10pt Consolas is, imo, too small, whereas 11pt is too large.
    The screenshot below shows how they look on my system (in Sublime Text, but its the same in e.g. Eclipse). The thing is that xfce4-terminal somehow displays
    Consolas differently. I really like the style, but I dont know why this is the case and how to get the style in Sublime Text and Eclipse (or systemwide). Screenshots:
    http://imgur.com/aHx5Mpm,nfzOhOL,4tbp1VG
    As you can see, the terminal version is smaller than 11pt but larger than 10pt. It is indeed Consolas, I checked multiple times.

    The first two images are using the Truetype hinter, whereas the third image is using autohinter.  Not sure how some of your programs could be using one, but others using the other one?  I would check your fontconfig settings.  Also, unless your DPI is set to 72, pt heights are different than px heights (points vs. pixels).  So, there may in fact be one size inbetween the two you mentioned if you're using 96 dpi.

  • Console font size in console mode Arch x86_64

    hi
    i do fresh install Archlinux 2013 x86_64. so i see some change btwin that and 2011, any way , everythings work OK, fast (KDE) but sometime i need work in console mode (ctrl+alt+f1) but i cant change resolution of console font, because now is settingsome basic and so big. i have nvidia card and drivers. i try read ths https://wiki.archlinux.org/index.php/Uvesafb but i cant find some solutions how setting everything with grub2 etc. in my old laptop i have arch 2011 and grub1 but everything work OK include console font, that was much better to setting, in that arch i cant find any working solution, so please help me if somebody know about this.
    thanks
    Last edited by H20 (2013-03-01 20:44:07)

    [ 15.458823] NVRM: Your system is not currently configured to drive a VGA console
    [ 15.458830] NVRM: on the primary VGA device. The NVIDIA Linux graphics driver
    [ 15.458834] NVRM: requires the use of a text-mode VGA console. Use of other console
    [ 15.458838] NVRM: drivers including, but not limited to, vesafb, may result in
    [ 15.458841] NVRM: corruption and stability problems, and is not supported.
    I suspect that it's still the case. You may even have this message in your own dmesg.
    Switch console to VGA mode and use xterm instead.
    This has nothing to do with resolution setting in a framebuffer, which is what the title of the thread suggests.
    I'm pretty sure it does - it looks like the console is being switched to VGA text mode; nvidia has no reason to touch fonts.
    Last edited by mich41 (2013-03-01 21:40:35)

  • How do i make this page adapt to all screen sizes???

    if i copy and paste my index code can someone please tell me if theres anything i can add so it will adapt to all screen sizes??
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Nicola Campbell Photography</title>
    <style type="text/css">
    #apDiv1 {
              position:absolute;
              width:1001px;
              height:170px;
              z-index:1;
              left: 438px;
              top: 221px;
    #navbar {
              height: 40px;
              width: 900px;
              margin-right: auto;
              margin-left: auto;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
    </style>
    <script src="js/modernizr-2.5.2-respond-1.1.0.min.js" type="text/javascript"></script>
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
    <script src="js/jquery.mousewheel.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/flexslider.css" rel="stylesheet" type="text/css" />
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2827522" binding="#OAWidget" />
    </oa:widgets>
    -->
    </script>
    <style type="text/css">
    #apDiv2 {
              position:absolute;
              width:901px;
              height:49px;
              z-index:2;
              left: 487px;
              top: 51px;
              text-align: center;
              color: #FF99FF;
              font-size: 80px;
              font-family: HaloHandletter;
    #apDiv3 {
              position:absolute;
              width:409px;
              height:56px;
              z-index:3;
              left: 768px;
              top: 96px;
              color: #999999;
              font-family: "Adobe Garamond Pro";
              font-size: 24px;
    #apDiv2 div {
              font-size: 100px;
              font-family: HaloHandletter;
              color: #999999;
    #apDiv4 {
              position:absolute;
              width:901px;
              height:449px;
              z-index:4;
              left: 451px;
              top: 202px;
    #apDiv5 {
              position:absolute;
              width:848px;
              height:152px;
              z-index:11;
              left: 433px;
              top: 201px;
    #apDiv6 {
              position:absolute;
              width:200px;
              height:115px;
              z-index:5;
              left: 1250px;
              top: 138px;
    #apDiv7 {
              position: absolute;
              width: 891px;
              height: 42px;
              z-index: 5;
              left: 552px;
              top: 174px;
    #apDiv8 {
              position:absolute;
              width:48px;
              height:50px;
              z-index:6;
              left: 102px;
              top: 51px;
    #apDiv9 {
              position:absolute;
              width:49px;
              height:51px;
              z-index:7;
              left: 152px;
              top: 51px;
    #apDiv10 {
              position:absolute;
              width:49px;
              height:49px;
              z-index:8;
              left: 202px;
              top: 51px;
    #apDiv11 {
              position:absolute;
              width:52px;
              height:52px;
              z-index:9;
              left: 252px;
              top: 51px;
    </style>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <meta name="Description" content="Welcome to Nicola Campbell Photography. I am based in Lancashire and specialise in Wedding Photography." />
    <meta name="viewport" content="width=device-width" />
    <link href="untitled.css" rel="stylesheet" type="text/css" />
    <!-- Phone -->
    <link href="iphone.css" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)" />
    <!-- Tablet -->
    <link href="ipad.css" rel="stylesheet" type="text/css" media="only screen and (min-width:321px) and (max-width:768px)" />
    <!-- Desktop -->
    <link href="desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px)" />
    <style type="text/css">
    #apDiv12 {
              position:absolute;
              width:1013px;
              height:648px;
              z-index:1;
              left: 321px;
              top: 299px;
    </style>
    </head>
    <body onload="MM_preloadImages('navbaroriginalroll_r1_c1.jpg','navbaroriginalroll_r1_c2.jpg','n avbaroriginalroll_r1_c5.jpg','navbaroriginalroll_r1_c6.jpg','navbaroriginalroll_r1_c7.jpg' ,'navbaroriginalroll_r1_c8.jpg','navbar_r1_c4.jpg')">
    <div id="apDiv2">
      <div align="center">nicola campbell</div>
    </div>
    <div id="apDiv3">P H O T O G R A P H Y</div>
    <div id="apDiv7"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar','','navbaroriginalroll_r1_c1.jpg',1)"><img src="navbaroriginal_r1_c1.jpg" alt="c1" name="navbar" width="111" height="40" border="0" id="navbar2" /></a><a href="Aboutme.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','navbaroriginalroll_r1_c2.jpg',1)"><img src="navbaroriginal_r1_c2.jpg" name="Image13" width="111" height="40" border="0" id="Image13" /></a><a href="Gallery.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','navbaroriginalroll_r1_c5.jpg',1)"><img src="navbaroriginal_r1_c5.jpg" alt="c5" name="Image21" width="111" height="40" border="0" id="Image21" /></a><a href="Blog.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','navbaroriginalroll_r1_c6.jpg',1)"><img src="navbaroriginal_r1_c6.jpg" alt="c6" name="Image22" width="111" height="40" border="0" id="Image22" /></a><a href="ContactMe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','navbaroriginalroll_r1_c7.jpg',1)"><img src="navbaroriginal_r1_c7.jpg" alt="c7" name="Image23" width="111" height="40" border="0" id="Image23" /></a><a href="Clients.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','navbaroriginalroll_r1_c8.jpg',1)"><img src="navbaroriginal_r1_c8.jpg" alt="c8" name="Image24" width="111" height="40" border="0" id="Image24" /></a><a href="Weddings.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','navbar_r1_c4.jpg',1)"><img src="navbar_r1_c41.jpg" alt="" name="Image25" width="111" height="40" border="0" id="Image25" /></a></div>
    <div id="apDiv5">
      <script type="text/javascript">
    // BeginOAWidget_Instance_2827522: #OAWidget
    $(window).load(function() {
          $('#slider').flexslider({
                  namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
        selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
          animation: "slide",
                 easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
          direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
        reverse: false,                 //{NEW} Boolean: Reverse the animation direction
        animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
        smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode  
          slideshow: true,                //Boolean: Animate slider automatically
          slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
          animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds 
          initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
          randomize: false,               //Boolean: Randomize slide order
                 useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
          touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
           video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
          directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
          controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
          keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
          mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
          prevText: "Previous",           //String: Set the text for the "previous" directionNav item
          nextText: "Next",               //String: Set the text for the "next" directionNav item
          pausePlay: false,               //Boolean: Create pause/play dynamic element
          pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
          playText: "Play",               //String: Set the text for the "play" pausePlay item
          startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
          pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
          pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering    
          start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
                controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
           manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
           // Carousel Options
        itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
        itemMargin: 10,                  //{NEW} Integer: Margin between carousel items.
        minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
        maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
        move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
                before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
          after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
          end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
    // EndOAWidget_Instance_2827522
      </script><!-- #main-container -->
      <script type="text/javascript">
    // BeginOAWidget_Instance_2827522: #OAWidget
    $(window).load(function() {
          $('#slider').flexslider({
                  namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
        selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
          animation: "slide",
                 easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
          direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
        reverse: false,                 //{NEW} Boolean: Reverse the animation direction
        animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
        smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode  
          slideshow: true,                //Boolean: Animate slider automatically
          slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
          animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds 
          initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
          randomize: false,               //Boolean: Randomize slide order
                 useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
          touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
           video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
          directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
          controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
          keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
          mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
          prevText: "Previous",           //String: Set the text for the "previous" directionNav item
          nextText: "Next",               //String: Set the text for the "next" directionNav item
          pausePlay: false,               //Boolean: Create pause/play dynamic element
          pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
          playText: "Play",               //String: Set the text for the "play" pausePlay item
          startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
          pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
          pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering    
          start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
                controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
           manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
           // Carousel Options
        itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
        itemMargin: 0,                  //{NEW} Integer: Margin between carousel items.
        minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
        maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
        move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
                before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
          after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
          end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
    // EndOAWidget_Instance_2827522
      </script>
      <div id="main-container">
        <p> </p>
        <div id="main" class="wrapper clearfix">
          <!-- FlexSlider -->
          <div id="container">
            <div id="slider" class="flexslider">
              <ul class="slides">
                <li> <img src="hollie.jpg" width="500" height="600" /> </li>
                <li> <img src="slider2.jpg" width="500" height="600" /> </li>
                <li> <img src="slider3.jpg" width="500" height="600" /> </li>
                <li> <img src="slider8.jpg" width="500" height="600" /> </li>
                <li> <img src="slider4.jpg" width="500" height="600" /> </li>
                <li> <img src="slider5.jpg" width="500" height="600" /> </li>
                <li> <img src="slider6.jpg" width="500" height="600" /> </li>
                <li> <img src="slider1.jpg" width="500" height="600" /> </li>
              </ul>
            </div>
            <div id="carousel" class="flexslider" style="display:none;">
              <ul class="slides">
                <li> <img src="hollie.jpg" width="500" height="600" /> </li>
                <li> <img src="slider2.jpg" width="500" height="600" /> </li>
                <li> <img src="slider3.jpg" width="500" height="600" /> </li>
                <li> <img src="slider8.jpg" width="500" height="600" /> </li>
                <li> <img src="slider4.jpg" width="500" height="600" /> </li>
                <li> <img src="slider5.jpg" width="500" height="600" /> </li>
                <li> <img src="slider6.jpg" width="500" height="600" /> </li>
                <li> <img src="slider1.jpg" width="500" height="600" /> </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- #main -->
      </div>
      <!-- #main-container -->
    </div>
    <!-- #main-container -->
    <div id="apDiv8"><a href="https://www.facebook.com/nicola.shulmancampbell?fref=ts"><img src="Retro-Facebok-Rounded-128.png" width="48" height="48" /></a></div>
    <div id="apDiv9"><img src="Retro-Flickr-Rounded-128.png" width="48" height="48" /></div>
    <div id="apDiv10"><img src="Retro-Tumblr-Rounded-128.png" width="48" height="48" /></div>
    <div id="apDiv11"><a href="https://twitter.com/nicola_shulman"><img src="Retro-Twitter-Rounded-128.png" width="48" height="48" /></a></div>
    <script type="text/javascript">
    $(window).load(function() {
          $('#slider').flexslider({
                  namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
        selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
          animation: "slide",
                 easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
          direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
        reverse: false,                 //{NEW} Boolean: Reverse the animation direction
        animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
        smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode  
          slideshow: true,                //Boolean: Animate slider automatically
          slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
          animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds 
          initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
          randomize: false,               //Boolean: Randomize slide order
                 useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
          touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
           video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
          directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
          controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
          keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
          mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
          prevText: "Previous",           //String: Set the text for the "previous" directionNav item
          nextText: "Next",               //String: Set the text for the "next" directionNav item
          pausePlay: false,               //Boolean: Create pause/play dynamic element
          pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
          playText: "Play",               //String: Set the text for the "play" pausePlay item
          startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
          pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
          pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering    
          start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
                controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                                             not found, the default action will be taken.
           manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
           // Carousel Options
        itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
        itemMargin: 10,                  //{NEW} Integer: Margin between carousel items.
        minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
        maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
        move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
                before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
          after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
          end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
    // EndOAWidget_Instance_2827522
    </script>
    </body>
    </html>

    APDivs cannot be resized. 
    APDivs in primary layouts won't work in Responsive Web Design. 
    APDivs are a very poor layout method. 
    For this reason, Adobe removed APDivs from Dreamweaver CC.
    Example of Fluid Grid Layout with floats & margins, no APDivs required.
    http://alt-web.com/FluidGrid/Fluid2.html
    Nancy O.

  • PSE 7.0 Editor - Screen Size 1680 x 1050 Resizes

    I have a Fuji monitor with 1680 x 1050 screen size (20"). When I open the Editor the display is always smaller, like 1280 x 1024. For work I maximize the screen. Next time I start the editor it is again at 1280 x 1024.
    The Organizer remembers the large size - no problems here.
    Any ideas what is wrong?
    Thanks,
    Alexander

    There is some evidence that PSE 7 gets mildly confused by higher-resolution screens. A number of people have reported that the scroll bars for the Editor's font list and ICC printer profile list don't always display at 1680 x 1050. If that's the case, then probably the only think you can do is delete the preferences and restart.

  • Screen Sizes

    I develop forms based on my screen size, set at 800x600.
    Therefore, the forms are stretched all the way to the bottom
    without any white space.
    However, when other peole use the form on their computers
    with different settings, the forms appear half the size of the
    screen and there is a lot of space at the bottom.
    How can I automatically stretch the form to fit each
    different screen size/setting, is that possible ?
    Thanks

    Let's say you have a form that has 10 text boxes on it and it
    fits nicely on a 800x600 screen. On a 1024x768 monitor you would
    have 224 pixels of white space at the bottom.
    So do you want to take that 224 pixels and spread out your
    text boxes, adding 24 pixels between each one? Or do you want to
    increase the font size and the height of the text boxes, basically
    magnifying what you see at 800x600?
    FYI, JavaScript has two variables - screen.width and
    screen.height.

  • Composing e-mail - Font type & size

    My apologies if I 'can't see the woods  for the trees'. Must be my age. I'm not sure how to select font type & sizes when composing e-mails. I did have that option but may have inadvertently corrupted it somehow??  It would be ideal if the compose e-mail window was designed exactly similar to the current screen which I'm now using to post this topic. Font Family, Font Size, with drop down selection would definitely help.  
    Solved!
    Go to Solution.

    No worries donm41,
    Sounds like you have it set up in Plain Text format.
    Try this.
    To change back to HTML format follow the steps below.
    1) Login and compose an email.
    2) Select the Options menu under the email Subject input box (highlighted with red in the image below)
    3) A drop down menu will appear, go to the Format option and select HTML from the dropdown box. (highlighted with red in the image below)
    4) Click Yes when the Confirm dialog box appears.(highlighted with red in the image below)
    The HTML text options should now appear.
    Hope that works.
    Cheers
    jac_95 | BT.com Help Site | BT Service Status
    Someone Solved Your Question?
    Please let other members know by clicking on ’Mark as Accepted Solution’
    Try a Search
    See if someone in the community had the same problem and how they got it resolved.

  • ITS mobile - Screen size on mobile device is too small

    Hi,
    I'm not able to change the screen size of my ITS Mobile application.
    If somebody can help me ...
    Here are the data:
    Internet service parameters
    ~DYNPRO_COMPRESSION : 1
    ~GENERATEDDYNPRO : 0
    ~ITSMOBILE : 1
    ~ITSMOBILEELEMFACTOR : 9
    ~ITSMOBILEELEMUNITS : px
    ~SOURCES : ZSAPLOG_MOBILE,ITSGENMOBILE4
    ~THEME : 99
    ~TRANSACTION : ZSAPLOG_MOBILE
    Internet service templatesGenerating style: MOBILE4 (Mobile Device (No HTML tables))
    ICF service - GUI Configuration
    ~THEME : 99
    ~TRANSACTION : ZSAPLOG_MOBILE
    ~ITSMOBILE : 1
    ~SOURCES : ZSAPLOG,ITSGENMOBILE4
    ~ITSMOBILEELEMFACTOR : 9
    ~ITSMOBILEELEMUNITS : px
    ~POPUPS : 1
    ~SHOW_SYSTEM_MODAL : 1
    ~STYLE : DHTML
    LRFMDscreen size is set to 16x20ITS
    Versions
    SAP_BASIS : SAPKB73108
    SAP NETWEAVER : SAP EHP3 FOR 7.0
    Mobile device
    Model : PIDION HM50 E
    CPU : Samsung Electronics(R) S5PV210
    OS : WEHH 6.5 Professional
    VER : Windows CE 5.2.29077
    Thanks for your help
    Philippe

    Perhaps an option to set the default font for discussion threads in the user preferences would be the best idea. One would think however that the Jive developers would have come up with something like that already.
    For what it's worth:
    http://www.w3.org/QA/Tips/font-size
    Do not specify the font-size in pt, or other absolute length units for screen stylesheets. They render inconsistently across platforms and can't be resized by the User Agent (e.g browser). Keep the usage of such units for styling on media with fixed and known physical properties (e.g print).
    Once again, I wonder about Jive development. Anyway, 10 pt is not best practice. It's standard for printed media, but not for screens. A search in Google shows that most recommend 16 pixels or more. Not sure what this is in points. I think 10 points is about 12 pixels, depending on screen dpi/ppi. I cannot imagine how tiny 10 pt must look on any of the high resolution Retina displays, which have twice or more density than conventional 72 dpi.

  • Each time I open a site, the site exceeds the screen size until I manually zoom out. How do I fix this permanently?

    For no apparent reason recently, when I open a website with Firefox, the site's homepage or any other visual exceeds the screen size of my monitor. It did not previously do that and I have not intentionally or knowingly changed any settings. I can click on VIEW and then ZOOM OUT twice and it fits the screen. What can I set/fix so that the initial page on the screen is properly sized like it used to be.
    Thank you.
    JAF

    Reset the page zoom on pages that cause problems.
    *<b>View > Zoom > Reset</b> (Ctrl+0 (zero); Command+0 on Mac)
    *http://kb.mozillazine.org/Zoom_text_of_web_pages
    You can set the layout.css.devPixelsPerPx pref on the <b>about:config</b> page to 1.0 (current default value is -1.0) to restore the behavior of previous Firefox versions.
    *http://kb.mozillazine.org/about:config
    Use this extension to adjust the font size for the user interface.
    *Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/
    You can look at the Default FullZoom Level or NoScript extension if web pages need to be adjusted after changing the layout.css.devPixelsPerPx pref.
    *Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
    *NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/
    *https://support.mozilla.org/kb/forum-response-Zoom-feature-on-Firefox-22

  • Function to show Font type, size, charset of a report

    are there any function or approach to see the font type, size, charset of the specified words in a Oracle reports?

    Hi,
    Try this code. hope it will work.
    DATA: DOCKING TYPE REF TO CL_GUI_DOCKING_CONTAINER,
          PICTURE_CONTROL_1 TYPE REF TO CL_GUI_PICTURE,
          URL(256) TYPE C,
          PIC_DATA TYPE TABLE OF W3MIME WITH HEADER LINE,
          PIC_SIZE TYPE I.
    SELECTION-SCREEN BEGIN OF BLOCK B1.
    PARAMETERS: A(4) DEFAULT '4' .
    PARAMETERS: B(4) DEFAULT '5' .
    SELECTION-SCREEN END OF BLOCK B1.
    AT SELECTION-SCREEN OUTPUT.
      PERFORM SHOW_PIC.
    *&      Form  SHOW_PIC
    FORM SHOW_PIC .
      CREATE OBJECT PICTURE_CONTROL_1
    EXPORTING PARENT = DOCKING.
      CHECK SY-SUBRC = 0.
      CALL METHOD PICTURE_CONTROL_1->SET_3D_BORDER
        EXPORTING
          BORDER = 5.
      CALL METHOD PICTURE_CONTROL_1->SET_DISPLAY_MODE
        EXPORTING
          DISPLAY_MODE = CL_GUI_PICTURE=>DISPLAY_MODE_STRETCH.
      CALL METHOD PICTURE_CONTROL_1->SET_POSITION
        EXPORTING
          HEIGHT = 200
          LEFT   = 100
          TOP    = 20
          WIDTH  = 400.
    CHANGE POSITION AND SIZE ABOVE**************************
      IF URL IS INITIAL.
        CALL FUNCTION 'DP_CREATE_URL'
          EXPORTING
            TYPE     = 'image'
            SUBTYPE  = CNDP_SAP_TAB_UNKNOWN
            SIZE     = PIC_SIZE
            LIFETIME = CNDP_LIFETIME_TRANSACTION
          TABLES
            DATA     = PIC_DATA
          CHANGING
            URL      = URL
          EXCEPTIONS
            OTHERS   = 1.
      ENDIF.
      CALL METHOD PICTURE_CONTROL_1->LOAD_PICTURE_FROM_URL
        EXPORTING
          URL = 'file://D:\img.jpg'.
    ENDFORM.                    " SHOW_PIC

  • Resizable page for different screen sizes but with static image content. Shall I use media query?

    I’m making a page that has of mostly image content. It’s a large circle in the middle so I want it to be centered vertically and horizontally. I also want it to stay centered and resized proportionally for different screen sizes. I’ve read about media query but it seems to me that the elements just become fluid. Can I make the elements stay in place using the media query?
    I’m working in Dreamweaver CS5.5

    Here's the code I'm working with now, I've taken away the things that I don't really understand.
    It's working but I guess it won't hold when I start with the media queries.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head><style type="text/css">
    body {}
    div {
       font: 12px Arial;
    span.bold { font-weight: bold; }
    #the-circle {
      height: 960px;
    width:960px;
    margin-left:650px;
    margin: 0px 10px 0px 10px;
    margin-left:650px;
    .link-row {
    position:absolute;
    width: 960px;
    height: 74px;
    top: 130px;
    left:660px;
    .link-row-2 {
       position: absolute;
       width: 960px;
       height: 74px;
       top: 300px;
       left:660px;
    .link-row-left {
    float: left;
    .link-row-right {
    float: right;
    .link-row-right {
    float: right;
    .link-row-right {
    float: right;
    </style></head>
    <body>
    <br /><br />
    <div id="the-circle">
    <img src="ACE Test/Logo-DW.png" width="960" height="960" />
    </div>
    <div class="link-row">
    <div class="link-row-left"><img src="ACE Fotografier EP och Video/Logo/Wix ACE Logo.png" width="111" height="74" /></div>
    </div>
    <div class="link-row-2">
    <div class="link-row-right"><img src="ACE Fotografier EP och Video/Logo/Wix ACE Logo.png" width="111" height="74" /></div>
    </div>
    </body></html>

  • Help!  Cant reduce screen size

    I have somehow managed to enlarge the size of all icons and pages on the phone. I have tried pinching, double tapping and restarting the phone to no avail. Because text is so large i am unable to read messages and to get to an icon i have to scroll down the page and keep my fingers crossed that it will stop on the right one. To make calls in am having to use the voice control function.
    Does anyone have any ideas that i can try to reduce the font/icon/screen size???
    I am trying to restore settings via iTunes but as i am currently in Saudi Arabia the download time is ridiculous!

    I did the same thing. I even went to the att store to see if they can fix it. No one could. I looked on these forums and found out how to fix it. Double tap your screen with three fingers. You cant go to setting cause it is soooo large. Its on zoom. Good luck!

  • Changing console font.

    Console font is huge. I see the font variable in rc.conf, but not sure what to do to make it smaller. All the font names look like gibberish, and I don't want a new font. I just want this font smaller, so that the screen can show more than 25 lines at a time.

    Add vga=*** to your grub menu.lst. It should look like this:
    kernel /vmlinuz26 root=/dev/hda3 ro vga=789
    You can change the vga number to whatever you want.

Maybe you are looking for