Similar Questions

• How do you change the background color of an email header/footer page/set while creating an email template?

  See the topic. Thanks in advance!

  Hello

  Change the background color of the background of the browser:

  In the e-mail or the model, click on the Tools icon. Go the the last before icon (shown highlighted in light blue), and then click the fill color color to evoke the color wheel. Select your color it.

  

  You can also go to the (last) piece of Page tools icon and enter the background color.

  

  To change the background of the footer:

  Asset > library > Email Footer > Footer you want to change and use the same principles. You can do this in rich format or you can click on the Src button to switch to the source code and enter your color values here.

  Headers, well that would be everything depends on how you create your header. For me, they are all the graphics then I'd go to my source photoshop file, edit and re-upload a new jpg file.

  Hope this helps

• Strange gaps in the header and footer

  Im getting gaps in the header and the footer on some of my pages.  Sometimes, the gaps are filled with the background color of the column and other times they are the color of the body that is even stranger.  An example would be http://www.mojogar.com/pcRepair.aspx .  In IE8, I get a gap on the top but not the bottom.  In Firefox3, the gap is on the bottom and not the top.  ???

  This is the page for markup;  (followed by the CSS)

  < % @ Page Language = "VB" ContentType = "text/html" percent >
  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  "< html xmlns ="http://www.w3.org/1999/xhtml"> <!-InstanceBegin template="/Templates/masterOne.dwt.aspx ' codeOutsideHTMLIsLocked = 'false'->
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  <!-InstanceBeginEditable name = "doctitle"-->
  < title > Untitled Document < /title >
  <! - InstanceEndEditable - >
  <!-InstanceBeginEditable name = "head"->
  <! - InstanceEndEditable - >
  < link href = "thrColHybHdr.css" rel = "stylesheet" type = "text/css" / > <!-[if IE] > "
  < style type = "text/css" >
  / * place patches css for all versions of Internet Explorer in this conditional comment * /.
  .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
  .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
  / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
  < / style >
  <! [endif]-->
  < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
  < link href = "SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" / > "
  < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
  < / head >

  < body class = "thrColHybHdr" >

  
  < div id = "container" >
  < div id = "header" >
  <!-end #header->
  < div class = "fltlft" > < img src = "images/mojoLogoSmall.png" alt = "digital Mojogar design & amp; PC repair' width = '172' height = '41' border = '0' well = "#Map" / >
  < name of the map 'Map' id = 'Card' = >
  < area shape = "rect" coords = "2,2,172,39" href = "default.html" target = "_self" alt = "House Mojogar" / > "
  < / map >
  < / div >
  < div class = "fltrt" > <!-InstanceBeginEditable name = "HeadRight"-> HeadRight <! - InstanceEndEditable - >
  
  < / div >
  < div class = "MenuVertDiv" >
  < ul id = "MenuBar2" class = "MenuBarHorizontal" >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > Design
  < ul >
  < li > < a href = "webDesign.aspx" > Web < /a > < /li > design ""
  < li > < a href = "webDev.aspx" > creating websites < /a > < /li >
  < li > < a href = "logo.aspx" > creation of Logo < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Animation
  < ul >
  < li > < a href = "webDev.aspx" > Animation Flash < /a > < /li > ""
  < /ul >
  < /li >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > Support < /a >
  < ul >
  < li > < a href = "pcRepair.aspx" > PC Repair < /a > < /li > ""
  < li > < a href = "virus.aspx" > Virus < /a > < /li > ""
  < li > < a href = "email.aspx" > Email < /a > < /li > ""
  < li > < a href = "backup.aspx" > backup data < /a > < /li > ""
  < li > < a href = "wireless.aspx" > wireless < /a > < /li > ""
  < li > < a href = "software.aspx" > software < /a > < /li >
  < li > < a href = "hardwareInstall.aspx" > hardware < /a > < /li > ""
  < li > < a href = "server.aspx" > repair of server < /a > < /li > ""
  < li > < a href = "busConsult.aspx" > Consulting < /a > < /li > ""
  < /ul >
  < /li >
  < li > < a href = "contact.aspx" > Contact < /a > < /li > ""
  < /ul >
  < / div >
  <! - end header - > < / div >
  
  < div class = "masterBackground" >
  < div id = 'sidebar2' >
  <!-InstanceBeginEditable name = "rightSidebar"->
  < div id = 'sidebar2' >
  < h4 > when your computer is having problems, have a professional to look over your system to update or repair your operating system, programs installed verification and search for viruses and other malware. < / h4 >
  <!-end #sidebar2->
  < / div >
  <! - InstanceEndEditable - >
  <!-end #sidebar2->
  < / div >
  
  < div id = "mainContent" >
  <!-InstanceBeginEditable name = "main"->
  < div id = "mainContent" >
  < div class = "MarginTopZero" >
  < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9, 0,28,0" width = "580" height = "300" title = "Computer Support" >
  "< param name ="movie"value="images/flash/PCCollage.swf "/ >
  < param name = "quality" value = "high" / >
  < param name = "wmode" value = "opaque" / >
  "" < embed src="images/flash/PCCollage.swf" quality = "high" wmode = "opaque" pluginspage = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type = "application/x-shockwave-flash" width = "580" height = "300" > < / embed > "
  < / object > < / div >
  < h2 > don't not feel lonely when your computer stops.  Computer problems can leave you in the dark about what is wrong.  Help is a call away. < / h2 >
  < h4 > our repair and tune-up service consists of the following: < / h4 >
  update the < /li > < li > operating systems
  updates of operating system < h5 > help the security of the computer and can add features that the manufacturer has worked to make life easier end-user.  Updates as often as every week couple come out on some operating systems. < / h5 >
  audit of programs < li > < /li >
  < h5 > many < a href = "software.aspx" title = "go to our software page" target = "_self" > < /a > applications added over time and can slow down the performance of any PC taking the resources processor and memory, not to mention the hard drive space. " < / h5 >
  < li > Security overlook < /li >
  < h5 > < a href = "virus.aspx" target = "_self" > < /a > anti-virus definitions must be kept up to date. "  Malware, spyware, Trojans and new viruses are always introduced in nature (the internet is a jungle).  Antivirus applications must be updated as well.  Subscriptions to paid suppliers can expire and updates may be trolling for months or even years (I saw happen). < / h5 >
  < li > anti-virus fine tuning < /li >
  < h5 > a lot of antivirus programs is swollen applications and will not stop annoying the user with pop ups and information.  Many users also never know when and how often their antivirus scans. < / h5 >
  browser < /li > < li > configuration
  < h5 > there are literally hundreds of options in the settings of browsers for security and optimization.  Fine these beautiful can in some cases increase surfing speed. < / h5 >
  < li > implementation market & off to the low value < /li >
  < h5 > if your like most people, your PC begins never soon enough.  Get a check full of programs and services which start with your computer and optimize them to increase speed. < / h5 >
  <!-end #mainContent->
  < / div >
  <! - InstanceEndEditable - >
  
  <!-end #mainContent->
  < / div >
  <! - end masterBackground - > < / div >
  
  <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
  < %--< br class = 'clearfloat' / >
  -% >
  < div id = "footer" >
  Copyright Mojogar 2010 < /p > < p >
  <!-end #footer--> < / div >
  <!-end #container--> < / div >
  < script type = "text/javascript" >
  <!--
  var MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
  ->
  < /script >
  < / body >
  <! - InstanceEnd - > < / html >

  CSS:

  
  @charset "utf-8";

  {body
  margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
  padding: 0;
  text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
  color: #9FEE00;
  do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  do-size: 100%;
  background-color: #333;
  }

  H1 {}
  font size: xx-large.
  Color: #000;
  }

  H2 {}
  font-size: XL;
  }

  H3 {}
  font size: large;
  }

  H4 {}
  font-size: medium;
  }

  H5 {}
  font size: small;
  }

  H6 {}
  do-size: x-small;
  }
  {p}
  font size: xx-small;
  }
  H1, h2 {}
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  }

  H3, h4, h5, h6 {p}
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  }

  
  Li {}
  make-weight: bold;
  }
  UL {}
  list-style-type: decimal;
  }
  {of the ol
  make-weight: bold;
  }
  a {}
  }

  
  a: link {}
  color: #FFF;
  }
  a: hover {}
  Color: #333;
  background-color: #6C8CD5;
  }
  a: active {}
  Color: #F00;
  }
  a: visited {}
  color: #FF4848;
  }

  
  / * This hybrid layout tips
  1. from the lateral columns sizing based on the em is based on the user's default font size, you can be sure graphics in the columns accordingly. Built correctly, it is more accessible to those who need larger font sizes, since the width of the columns remains proportionate. If this is not desirable in your design, just change the width of a pixel size and do not forget to change the margins on the div #mainContent accordingly.
  2. given that the sizing of the side columns in this layout are based on the font size of 100% in the body element, if you decrease the overall size of the text by using a font size: 80% on the body element or the #container, do not forget that the column widths will reduce proportionally. You can increase the size of the margins on the side of the #mainContent div, and their widths to compensate for this.
  3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.
  4. the #container div is not necessary for this layout to the width of 100%. You can use to create columns of fake or to limit the width of the layout.
  5. it is not necessary to have the width of 100% on the #container div since, by nature, a div takes up 100% of the available space. Therefore, here, if you want to reduce the size of the global container - leaving perhaps a bit of margin on each side - is already available for adjustment.
  */
  .thrColHybHdr #container {}
  Width: 780px;
  / * margin: 0 auto;  the margins to the center of the page if necessary (in conjunction with a width) auto * /.
  text-align: left;
  padding: 0px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  left margin: auto;
  }

  .thrColHybHdr #header {}
  background-color: #C9F76F;
  height: 100%;
  Width: 780px;
  margin: 0px;
  padding: 0px;
  }
  .thrColHybHdr #header h1 {}
  margin: 0;
  padding: 0px;
  }

  / * Sidebar1″ tips:
  1 be aware that if you set a value for the font size on this div, the width of the div will be adjusted accordingly.
  2. as we work in ems, it is preferable not to use the filling in the sidebar itself. It will be added to the width for browsers compatible standards creating a real unknown width.
  3. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule ".thrColHybHdr #sidebar1 p.
  */
  {.thrColHybHdr #sidebar1}
  Width: 13em;
  border-top-width: thick;
  border-top-style: solid;
  border-bottom-color: #C06;
  float: left;
  height: auto;
  }
  {.thrColHybHdr #sidebar2}
  Width: 200px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  float: right;
  }
  H3 *.thrColHybHdr # sidebar1″, p.. thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 .thrColHybHdr #sidebar2 h3 {}
  left margin: 0px; * / / * the left and right margins should be to all of the items that will be placed in the side columns * /.
  / * margin-right: 0px;
  }
  */
  / * MainContent tips:
  1. If you give this div #mainContent a value of different size of the div # sidebar1″, the margins of the #mainContent div will be based on the font size and the width of the div #sidebar1 depend on the size of the font. You can adjust the values of these divs.
  2. the space between the mainContent and sidebar1″ is created with the left on the mainContent div margin regardless of how content div the sidebar1″ contains, the space of the columns will remain. You can remove the left margin if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete.
  3. to avoid falling of float, you may have to test to determine the size of the image/approximate maximum element because this provision is based on the calibration of fonts the user combined with the values that you set. However, if the user has their browser game lower than normal font size, less space will be available in the #mainContent div that you see on the test.
  4. in the Internet Explorer conditional comment below, the zoom property is used to give the mainContent "hasLayout". This avoids several specific IE bugs that may occur.
  */
  {.thrColHybHdr #mainContent
  text-align: center;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  left margin: 0px;
  Width: 580px;
  background-color: #2A 4480;
  color: #C9F76F;
  padding: 0px;
  }
  . {MarginTopZero}
  margin: 0px;
  padding: 0px;
  }

  {.busConslt}
  height: 600px;
  Width: 800px;
  }

  idea {}
  height: auto;
  Width: 100%;
  }

  
  .thrColHybHdr #footer {}
  padding: 0;
  background-color: #C9F76F;
  margin: 0px;
  }
  .thrColHybHdr #footer p {}
  margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
  padding: 0px; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
  Color: #000;
  }

  
  / * Various classes for reuse * /.
  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
  float: right;
  }
  .fltlft {/ * this class can be used to float an element on your page to the left * /}
  float: left;
  margin-right: 0px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  }
  .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
  Clear: both;
  height: 0;
  }
  {#defMainLft}
  Width: 49%;
  float: left;
  text-align: center;
  }
  {#defMainRt}
  Width: 49%;
  float: right;
  text-align: center;
  }
  {.absolRgt}
  position: absolute;
  Top: 0px;
  right: 0px;
  }
  {.relRgt}
  position: relative;
  Top: 0px;
  right: 0px;
  }
  {.defFull}
  position: relative;
  height: 263px;
  Width: 100%;
  border-bottom-width: medium;
  border-bottom-style: solid;
  border-bottom-color: #ff4900;
  }
  {.absolLft}
  position: absolute;
  Top: 0px;
  left: 0px;
  }
  {.defFullTop}
  position: relative;
  Width: 600px;
  border-top-width: thick;
  border-top-style: solid;
  border-bottom-color: #000;
  margin: 0px;
  }
  {.tuneUpTop}
  background-color: #000;
  color: #FFF;
  margin: 0px;
  padding: 0px;
  }
  {.contactForm}
  Width: 470px;
  height: auto;
  left: auto;
  right: auto;
  }
  {.borderRight}
  border: medium solid #A62F00;
  margin-top: 0px;
  margin-bottom: 0px;
  left margin: 0px;
  }
  . {MenuVertDiv}
  margin-bottom: 0px;
  Clear: both;
  height: 38px;
  background-color: #A62F00;
  Width: 100%;
  }
  {.masterBackground}
  background-color: #BF5930;
  margin: 0px;
  padding: 0px;
  }

  Your HTML code contains conditional comments for IE.  Try to reduce or remove the extra padding and see if that helps.

  / * place patches css for all versions of Internet Explorer in this conditional comment * /.
  .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
  .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
  / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
  
  

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB
  http://ALT-Web.blogspot.com

• How to change the background color of menu bookmarks / sidebar

  The bottom of the bookmarks menu sidebar is grey blue currently. Clicking on brings one of the bright blue link background then it turns grey which is difficult to see. How can I get the selected link to stay bright blue or some other easy to see color?

  See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

  Add code to userChrome.css below @namespace.

  @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  
  #bookmarks-view treechildren {background-color:#FFFF99!important}

• How to make the header background color or footer extend to the width of the browser?

  How to make the background color of the header or footer extend beyond the defined site? I would like the backround to extend to the width of the web browser of the user.

  Instructions to do this are included in creating a rectangle of width 100% which extends over the entire width of a browser window.

• How can I change the background color of the sidebar bookmarks?

  Grayish brown (I think) background color does not work for me. I'm a little color blind and the cursor to highlight the selected tab is not enough for me to easily see contrast. I found how to change all kinds of colors in FF, but not the background color of the bookmarks bar. I would like to change the background may be blank.

  I have it! My eyes thank you very much for your help!

• How to change the background color in the Solitaire game

  I would like to know if there is a way to extend the colors for the SOLITAIRE game? My father detects the colors of the background and maps are too hard and they appear blurry to me and him also. He wondered if we could add more colors in order to get more variety in both the background and maps. Thank you!

  Sandy

  Hello

  You will not be able to add colors for maps or background, but you can change the color of background and maps and also to enlarge the maps.

  a. Click Start, click games.
  b. Open Solitaire.
  c. click on the game and then click change appearance.
  d. Select your favorite background or bridge color.
  e. Select the option "Large print bridge." This will expand the ID card, but not the card. Cards will be the same size, but the name of the map will be bigger.

  Reference:
  http://Windows.Microsoft.com/en-us/Windows7/Solitaire-how-to-play

  Kind regards
  Afzal Taher - Microsoft technical support.
  Visit our Microsoft answers Feedback Forum and tell us what you think.

• Background color of the custom field

  Hello

  I create a custom field that is as shown in the attached display a bar graph.

  

  I don't want to change the background color of the field of another color. I tried to overridding method paintBackground of the field as shown below:

  protected void paintBackground(Graphics arg0) {
          arg0.setColor(Color.DARKGRAY);
          super.paintBackground(arg0);
      }
  

  but it seems to have no effect. Could someone kindly help me with this. Thanks in advance.

  Kind regards

  S.A.Norton Stanley

  Try this...

  Create a class that extends the scope and implements DrawStyle

  and override its Paint method... to set the background color

  Draw the shape you want with the graphics object and either fill the area or set the background color.

  THX

  Rabi Ray

• How to change the background color of the horizontal field Manager

  How can we tell the background color of the horizontal field Manager (hfm) hanger

  If we should extend and override in ppaint, I tried

  I got color of hfm in tag I added to this

  all give me idea

  Try this:

          HorizontalFieldManager manager = new HorizontalFieldManager()
          {
              public void paint(Graphics graphics)
              {
                  graphics.setBackgroundColor(0x000000FF);//blue
                  graphics.clear();
                  super.paint(graphics);
              }
          };
  

  Concerning

  Bika

• Change the background color of RadioButton

  Hello

  How to change the selected RadioButton background color?

  It shows the blue when selected.

  I tried all States using the setTextFormatForState() method.

  but it never worked.

  The method seems to only change the format of text label, but not th 'button' (in the background) itself.

  Thank you.

  Hey,.

  so that you can change the appearance of the button under different States (selected or deselected), you must change the button skin. to do this you need to create your own custom skin of the class who extends the class . UISkin here is an example of how to change skin:

  http://www.BlackBerry.com/developers/docs/airapi/1.0.0/QNX/UI/skins/package-detail.html

  also, here is a link to the list of the Active of the RadioButton class (background colors and etc.):

  http://www.BlackBerry.com/developers/docs/airapi/1.0.0/skins-detail.html#rounded

  This is the same skin as a regular button its called RoundedButtonSkinWhite.

  to apply the skin to the button of your radio, you must call the setSkin method that accepts only classes that extend the UISkin class.

  hope that helps. Good luck!

• Problem to get the background color

  Mr President, in my code, I wasn't able to use fully all the width of the screen,

  This is my code

  public class HorizontalField extends VerticalFieldManager
  {
     HorizontalFieldManager sd=new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH);
     HorizontalFieldManager r1=new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH);
     MySeparatorField ds=new MySeparatorField();
     Font fnt,fntv;
      HorizontalField()
      {
         fnt = this.getFont().derive(FontFamily.SCALABLE_FONT, 14);
         fntv = this.getFont().derive(FontFamily.SCALABLE_FONT, 11);
         r1.setFont(fntv);
         /*---------------------Heading-----------------------------------*/
         DateField dd=new DateField("Date");
  
         dd.setFont(fnt);
         sd.add(dd);
        /*------------------*/
         MyLine s=new MyLine();
         sd.add(s);
         Desp d1=new Desp("Description");
         d1.setFont(fnt);
         sd.add(d1);      
  
         /*_________________*/
         MyLine s1=new MyLine();
         sd.add(s1);
  
         Amt d2=new Amt("Amount");
         d2.setFont(fnt);
         sd.add(d2);
         add(new SeparatorField());
         add(sd);
         add(new SeparatorField());
  
             DateField dfr=new DateField("13.08.09")
             {
                 public void paint(Graphics g)
                 {
                      g.setBackgroundColor(Color.RED);
                      g.clear();
                      super.paint(g);
                 }
             };
             r1.add(dfr);
             MyLine sr=new MyLine();
             r1.add(sr);
             Desp dr=new Desp("Reent")
             {
                 public void paint(Graphics g)
                 {
                      g.setBackgroundColor(Color.RED);
                      g.clear();
                      super.paint(g);
                 }
             };
             r1.add(dr);
             MyLine sra=new MyLine();
             r1.add(sra);
             Amt amtr=new Amt("5000")
               {
                 public void paint(Graphics g)
                 {
                      g.setBackgroundColor(Color.RED);
                      g.clear();
                      super.paint(g);
                 }
             };
             r1.add(amtr);
             add(r1);
             add(new SeparatorField());
  
         }
  
      }
  
   class DateField extends LabelField
  {
       DateField(String s)
      {
          super(s,LabelField.LEFT);
       }
      public  int getPreferredWidth()
      {
          return Display.getWidth()*2/10;
      }
  
  }
  
    class Desp extends LabelField
  {
       Desp(String s)
      {
          super(s,LabelField.RIGHT);
       }
      public  int getPreferredWidth()
      {
          return Display.getWidth()*5/10;
      }
  
  }
  
    class Amt extends LabelField
  {
      Amt(String s)
      {
          super(s,LabelField.RIGHT);
       }
      public  int getPreferredWidth()
      {
          return Display.getWidth()*4/10;
      }
  
  }
  

  MyLine code is

  public class MyLine extends LabelField
  {
      int width,height;
  
      ButtonField dd;
      MyLine()
      {
          width=1;
          //height=200;
      }
       MyLine(int w)
      {
          width=w;
          //height=200;
      }
  
       public int getPreferredWidth()
          {
              return width;
           }
  
       public void paint(Graphics g)
              {
                     // g.setBackgroundColor(Color.BLUE);
  
                   g.drawLine(0,0,0,70);
              }
  }
  

  When I call this HorizontalField I get the result, but in the amount column (i.e. red) background color I get half of this label, I don't know what problem I did

  Thank you

  The problem is in your calculation of width.

  Your should calculate your width in such a way that (approximate):

  Display.getWidth () = DateField width, width PED, Amt width + 2 * MyLine width;

  Furthermore, a solution may be simply change your constructor Amt class as below:

          Amt(String s)        {                   super(s,LabelField.RIGHT | Field.USE_ALL_WIDTH);        }
  

  Concerning

  Bika

• How to set the background color of the title?

  Generally, the title background color is black and the other area of the main screen is white. I want to set the background color of the linear gradient background as blue or something. I try the following 2 ways, but there is always a black line at the bottom of the title bar.

        Background background = BackgroundFactory
                  .createLinearGradientBackground(0x00ff0000, 0x00ff0000,
                          0x0000ff00, 0x0000ff00);
          LabelField title = new LabelField("Hello World Demo",
                  LabelField.ELLIPSIS | LabelField.USE_ALL_WIDTH);
          title.setBackground(background);
          setTitle(title);
  

         LabelField title = new LabelField("Hello World Demo",
                  LabelField.ELLIPSIS | LabelField.USE_ALL_WIDTH);
  
          HorizontalFieldManager hrzManager = new HorizontalFieldManager() {
              protected void paintBackground(Graphics graphics) {
  
                  graphics.setBackgroundColor(0x00382B79);
                  graphics.clear();
                  super.paint(graphics);
              }
          };
          hrzManager.add(title);
          setTitle(hrzManager);
  

  Hello

  I think that there may be a problem using the default setTilte() method.

  Have something by default, behavior with the device.

  It may be a way to customize the default title to remove the black line at the bottom of the title bar.

  But I suggest an alternative that will behave like the title bar without using the setTitle() method.

  You can use something like below to get your condition.

  import net.rim.device.api.ui.*;import net.rim.device.api.ui.component.*;import net.rim.device.api.ui.container.*;import net.rim.device.api.system.*;
  
  class TestScreen extends MainScreen{
  
      private VerticalFieldManager verticalManager;    private HorizontalFieldManager hrzManager;
  
      TestScreen()     {            super(NO_VERTICAL_SCROLL);
  
          LabelField title = new LabelField("Hello World Demo",                        LabelField.ELLIPSIS | LabelField.USE_ALL_WIDTH);
  
          hrzManager = new HorizontalFieldManager()         {            protected void paintBackground(Graphics graphics)             {                graphics.setBackgroundColor(0x00382B79);                graphics.clear();                super.paint(graphics);            }        };        hrzManager.add(title);        this.add(hrzManager);
  
          //rather than  adding component in the mainScreen        //add components in this verticalManager and then        // add this manager to mainScreen          verticalManager = new VerticalFieldManager(Manager.VERTICAL_SCROLL | Manager.VERTICAL_SCROLLBAR)        {            /*              public void paint(Graphics graphics)            {                graphics.setBackgroundColor(0x00ffffff);                graphics.clear();                super.paint(graphics);            }            */                        protected void sublayout( int maxWidth, int maxHeight )            {                int width = Display.getWidth();                int height = Display.getHeight() - hrzManager.getHeight();
  
                  super.sublayout( width, height);                setExtent( width, height);            }        };
  
          ButtonField button1 = new ButtonField("Button1");        ButtonField button2 = new ButtonField("Button2");        ButtonField button3 = new ButtonField("Button3");        ButtonField button4 = new ButtonField("Button4");        ButtonField button5 = new ButtonField("Button5");
  
          verticalManager.add(button1);        verticalManager.add(button2);        verticalManager.add(button3);        verticalManager.add(button4);        verticalManager.add(button5);        this.add(verticalManager);
  
      }}
  

  Concerning

  Bika

• FieldManager and background color - how to change the background color FiledManager

  I use the following code to navigate

  Change the background color of the domain manager. I see the print, but backgorund color FieldManager does not evolve!

  FMHorizSingleCont is a FieldManager. Thank you.

  final class UserInterfaceScreen extends MainScreen {
  
  private FMHorizSingleCont[10] fmSingContent; // fmsingContent is a field Manager
  
  public FMVerticalContents (){
      try
      {
        numElements = 0;
        currentRow =0; // Row where the focus is
        Background back = BackgroundFactory.createSolidBackground (Color.BLUE);
              ......................
  
  protected boolean navigationMovement(int dx, int dy, int status, int time) {
          if(dy<0){
        if(currentRow != 0)
        {
         currentRow--;
         fmSingContent[currentRow].setBackground(back);
         System.out.println("FMVerticalContents -- dy < 0 !!!");
         invalidate();
        }
  
      return true;
      }
      else if(dy>0){         
  
        if(currentRow < numElements)
        {
          System.out.println("FMVerticalContents -- dy > 0 !!!");
          fmSingContent[currentRow].setBackground(back);
          currentRow++;
          invalidate();
                              }
          return true;
         }else{          
  
         return true;
      }     
  
    }
  

  A HorizontalFieldManager does not paint anything, it's just a control class.
  You can crush his painting method to change this, for example with fillRect before calling super.

• Change the background color of the banner in the theme of the APEX 25

  Hi guys,.

  I'm changing the background color of the banner in the theme of the APEX 25 (in white).

  Oracle.apex.com: Application Express 4.2.5.00.08

  Theme/UI: 25. Reactive blue

  Page template: A level Tabs - no side bar

  Using Internet Explorer 8
  I have created a sample in oracle.apex.com too, see below for credentials

  What I've done so far:

  1. create a file named orange.css with a single line:

  
  hgroup {background: white ;}}

  
  Downloaded this css file via:

  Components shared = > Cascading Style sheets

  2 then reference this CSS via the shared components = > templates = > edit the template Page = > a level Tabs - No. Sidebar = > definition = > header

  Added this line before the < / head > tag:

  < link rel = "stylesheet" href = "" #WORKSPACE_IMAGES #orange.css "type =" text/css">"

  Then changed:

  < h1 > < a href = "" #HOME_LINK # "id ="uLogo"> #LOGO # < /a > < / h1 >"

  VOX

  < hgroup > < a href = "" #HOME_LINK # "id ="uLogo"> #LOGO # < /a > < / hgroup >"

  Although the CSS works well, I have two questions:

  1. the sides of the banner are blue instead of white

  2. the disconnect next to the user name button is hidden and only appears when you browse on

  Does anyone know how to solve these problems?

  Here is a link with the model of the application:

  https://Apex.Oracle.com/pls/Apex/f?p=4500:1000:115959518208631

  Workspace: ORANGE

  User: guest

  Password: 01range

  My email: [email protected]

  Much appreciated!

  Jeroen van Meenen wrote:

  Then changed:

  #LOGO #.

  VOX

  #LOGO #.

  You should not use hgroup here. Leave that as a h1 element.

  • hgrouphas been removed from the W3C HTML specification.
  • With the help of hgroup of this way is non-compliant because it does not contain at least one child h1-h6 element.

  Although the CSS works well, I have two questions:

  1. the sides of the banner are blue instead of white

  The original blue background of the theme is actually applied to the containing header element, not the h1 (or hgroup in your example), it is the rule that must be overridden:

  header#uHeader {
    background: #fff;
  }
  

  2. the disconnect next to the user name button is hidden and only appears when you browse on

  The link to logout of the theme is white to contrast with the original blue background. What should be replaced by a dark to be visible on the new white foreground color, and a contrasting hover appearance applied:

  div.userBlock a:link,
  div.userBlock a:visited {
    color: #004F7C;
  }
  div.userBlock a:hover {
    background-color: #b6ceed;
    color: #fff;
  }
  

• Setting the background color of a TextArea

  I was not able to set the background color of a text box. Here's what I try and it works for the other components.

  ****************************************************************

  import javafx.application.Application;
  import javafx.scene.Scene;
  import javafx.stage.Stage;
  import javafx.scene.control.TextArea;
  
  public class TextAreaTest extends Application{
    public void start(Stage stage){
      TextArea area = new TextArea();
      area.setStyle("-fx-background-color: black; -fx-text-fill: lightgreen;");
      Scene s = new Scene(area);
      stage.setTitle("black text area");
      stage.setScene(s);
      stage.show();
    }
    public static void main(String[] args){
      launch(args);
    }
  
  }
  

  ***************************************************************

  I use jdk 8 with whatever version javafx is included. I searched a bit on the internet and I think I see mixed results using this technique.

  Thank you.

  In an external css file, do

  .text-area .content {
     -fx-background-color: black ;
  }