Customize Page templates in the APEX

Similar Questions

• How to create the page zero in the apex oracle 4.0?

  Hi all
  How to create the page zero in the apex oracle 4.0?
  
  Concerning
  Mani

  Hello

  Home > Application Builder > Application xxx > create Page
  There are down to the Center on Wizard Page zero

  Kind regards
  Jari

  Published by: jarola 25 August 2010 19:28

  And here's the chapter on literature
  http://download.Oracle.com/docs/CD/E17556_01/doc/user.40/e15517/UI.htm#BGBFFFGH

• Footer does not drop down at the bottom of page template when the editable regions are met. Desperate!

  I tried everything I can think and have implemented several tutorials walk pasting without result.  Foot of page in the template seems to stick to the bottom of my sidebar divs when I want to stick to the bottom of the editable content in the html page.  Here is a screenshot and my code.  I am desperate for help. I intend using this model for several pages, then, how the footer to drop down the length of the main editable?  Help!

  

  Here is the template code:

  < ! 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 ">

  < head >

  < content meta = text/html"; Charset = UTF-8 "http-equiv ="Content-Type"/ >"

  < meta http-equiv = "X-UA-Compatible" content = "IE = 9" / >

  < content meta = "width = device-width, original scale = 1.0, minimum scale = 1.0" name = "viewport" / > "

  <!-TemplateBeginEditable name = "doctitle"--> < title > < / title > <! - TemplateEndEditable - > <!-TemplateBeginEditable name = "head"--> <! - TemplateEndEditable - >

  "" < link type = "text/css" rel = "stylesheet" href = "... / stylesheets/master.css" / >

  < / head >

  < body >

  < div id = "container" >

  < div id = "header" >

  < h1 id = "logo" > Escalante Law < / h1 >

  < div id = "topnavcontainer" >

  < ul id = "topnavlist" >

  < li > < a href = "#" > home < /a > < /li >

  < li > < a href = "#" > Law Office Information < /a > < /li >

  < li > < a href = "#" > contact us < /a > < /li >

  < li > < a href = "#" > News < /a > < /li >

  < /ul >

  <!-end #topnavcontainer--> < / div >

  <!-end #header--> < / div >

  < div id = "mainmedia" > <! - end .mainmedia - > < / div >

  < div id = "middlenavcontainer" >

  < table width = "960" border = "1" align = "left" cellpadding = "10" >

  < tbody >

  < b >

  < style td = "" width: 176px; "> how can we help you?" < table >

  < style td = "" width: 182px; "> I need help with a green card < table >"

  < style td = "" width: 162px; "> I want to apply for citizenship < table >"

  < style td = "" width: 158px; "> I want to learn more about the dream Act < table >"

  < style td = "" width: 160px; "> do you currently have < br / >"

  having a green card < br / >

  and need help? < table >

  < /tr >

  < / tbody >

  < /table >

  <!-end #middlenavcontainer--> < / div >

  < div id = 'hand' >

  < div id = "sidebar1″" >

  < div class = "sidebar1_block" >

  Family Immigration < h2 > < / h2 >

  < ul class = "leftcolumnnav" >

  < li > < a href = "#" > < /a > family Visa Services < /a > < /li >

  < li > < a href = "#" > < /a > interim waiver < /a > < /li >

  < li > < a href = "#" > < /a > K1 Visa or Visa fiance < /a > < /li >

  < li > < a href = "#" > < /a > Visa K3 and K4 Visa < /a > < /li >

  < li > < a href = "#" > < /a > change status < /a > < /li >

  < /ul >

  <! - end .sidbar1_block - > < / div >

  < div class = "sidebar1_block" >

  Map green < h2 > < / h2 >

  < ul class = "leftcolumnnav" >

  < li > < a href = "#" > < /a > < /a > < /li > green card renewal

  < li > < a href = "#" > < /a > map green replacement < /a > < /li >

  < li > < a href = "#" > < /a > green card - family < /a > < /li >

  < li > < a href = "#" > < /a > removal of Conditions < /a > < /li >

  < li > < a href = "#" > < /a > Services consular processing < /a > < /li >

  < /ul >

  <! - end .sidbar1_block - > < / div >

  < div class = "sidebar1_block" >

  Dream Act < h2 > < / h2 >

  < ul class = "leftcolumnnav" >

  < li > < a href = "#" > Deferred Action < /a > < /li >

  < /ul >

  <! - end .sidbar1_block - > < / div >

  < div class = "sidebar1_block" >

  citizenship < h2 > < / h2 >

  < ul class = "leftcolumnnav" >

  < li > < a href = "#" > naturalization < /a > < /li >

  < /ul >

  < / div >

  <! - end .sidebar1 - > < / div >

  < div id = "content" > <!-TemplateBeginEditable name = "ContentArea"-> {tag_pagecontent} <! - TemplateEndEditable - > < / div >

  < div id = 'sidebar2' >

  the placeholder < div id = "rigtnavcontent" > < / div >

  the placeholder < div id = "rigtnavcontent" > < / div >

  the placeholder < div id = "rigtnavcontent" > < / div >

  <! - end .sidebar2 - > < / div >

  <! - end .main - > < / div >

  < div id = "footer" >

  < div class = "Section" >

  article a < /p > < p > Site map

  < ul id = "footernav" >

  Family based Immigration

  < li > < a href = "#" > < /a > < /li >

  < li > < /li >

  < li > < /li >

  < li > < /li >

  < li > < /li >

  < /ul >

  < / div >

  < div class = "Section" >

  < p > Section Site map two < /p >

  < ul id = "footernav" >

  Citizenship and naturalization

  < li > < a href = "#" > < /a > < /li >

  < li > < a href = "#" > application for citizenship < /a > < /li >

  < li > < a href = "#" > reviews of citizenship < /a > < /li >

  < li > < /li >

  < /ul >

  < / div >

  < div class = "Section" >

  < p > Section Site Map 3 < /p >

  < ul id = "footernav" >

  < li > < a href = "#" > map green < /a > < /li >

  < li > < a href = "#" > green card renewal < /a > < /li >

  < li > < a href = "#" > green card application < /a > < /li >

  < li > < a href = "#" > green card - family < /a > < /li >

  < li > < /li >

  < /ul >

  < / div >

  < div class = "Section" >

  < p > Section Site map 4 < /p >

  < ul id = "footernav" >

  < li > < a href = "#" > employment based Immigration < /a > < /li >

  < li > < a href = "#" > review Types of Visas work < /a > < /li >

  < li > < a href = "#" > apply for Visa to work < /a > < /li >

  < li > < a href = "#" > adjust the status of Visa work < /a > < /li >

  < /ul >

  < / div >

  <! - end .footer - > < / div >

  <! - end .container - > < / div >

  < / body >

  < / html >

  Here is my CSS:

  @charset "UTF-8";

  {body

  margin: 0;

  padding: 0;

  Color: #000;

  do-family: Verdana, Arial, Helvetica, without serif.

  do-size: 100%;

  line-height: 1.4;

  background-color: #FFFFFF;

  }

  / * ~ ~ This container fixed-width surrounds all the other div tags ~ ~ * /.

  #container {}

  Width: 960px;

  background: #FFFFFF;

  margin-right: auto;

  left margin: auto;

  }

  #content {}

  float: left;

  height: 100px;

  Width: 580px;

  margin-right: 0px;

  left margin: 0px;

  overflow: visible;

  }

  / * ~ ~ Footer styles ~ ~ * /.

  #footer {}

  background: #CCC49F;

  position: relative; / * This clear property forces the .container to understand where the columns end up and contain them * /.

  height: 300px;

  Width: 960px;

  margin-right: auto;

  left margin: auto;

  Clear: both;

  }

  #footer. {Section}

  height: 250px;

  Width: 200px;

  margin left: 14px;

  position: relative;

  float: left;

  padding: 10px;

  margin-top: 10px;

  border: thin solid #000;

  }

  H1 {}

  do-size: 16px;

  padding-left: 10px;

  }

  H2 {}

  do-size: 14px;

  padding-left: 10px;

  }

  H3 {}

  do-size: 14px;

  padding-left: 10px;

  }

  H4, h5, h6 {}

  margin-top: 0;

  text-align: left;

  padding-left: 10px;

  padding-right: 10px;

  }

  / * ~ ~ Tag of the element selectors ~ ~ *.

  UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

  Padding: 20;

  margin: 0;

  }

  {p}

  do-size: 14px;

  padding-right: 10px;

  padding-left: 10px;

  }

  #container #content ul {}

  do-size: 14px;

  list-style-type: square;

  list-style-position: inside;

  }

  an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

  border: none;

  }

  / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

  a: link {}

  color: # 42413.

  text-decoration: none; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

  }

  a: visited {}

  color: #6E6C64;

  text-decoration: underline;

  }

  a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

  text-decoration: none;

  }

  / * ~ ~ The header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked. ~~ */

  #header {}

  background: #ADB96E;

  height: 60px banner;

  }

  / * ~ ~ These are the columns for page layout. ~~

  (1) padding is only placed on the top and/or bottom of the divs. The elements contained in these divs have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

  (2) no margin was given to the columns, because they all floated. If you need to add the margin, avoid placing on the side you're floating into (for example: a right margin on a div set to float to the right). Many times, padding can be used instead. For divs where this rule needs to be broken, you must add a statement of ' display: inline ' to the rule of the div to tame a bug where some versions of Internet Explorer double the margin.

  (3) given that the classes can be used several times in a document (and an element can also have several classes applied), the columns have received the names of classes instead of IDs. For example, two sidebar div could be stacked if necessary. These can easily be changed to the ID if that's your preference, as long as you don't use them once per document.

  (4) If you prefer your nav on the right instead of the left, simply float those columns as the opposite direction (straight instead of left all) and they will return in reverse order. There is no need to move the div in the HTML source code.

  */

  {#sidebar1}

  float: left;

  Width: 200px;

  background: #EADCAE;

  }

  {.sidebar1_block}

  padding: 5px;

  margin: 5px;

  }

  {#sidebar2}

  float: left;

  Width: 180px;

  background: #EADCAE;

  padding-right: 0px;

  padding-left: 0;

  padding-top: 0px;

  padding-bottom: 0px;

  height: 100%;

  }

  / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.

  . Content ul, ol {} content

  padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */

  }

  / * ~ ~ The list of navigation styles (can be removed if you choose to use a contextual menu premade as Spry) ~ ~ * /.

  UL. NAV {}

  list-style: none; / * This command deletes the list marker * /.

  border-top: 1px solid #666; / * This creates the top border for the links - all the others are placed using a bottom border on the LI * /.

  margin-bottom: 15px; / * This creates space between the following content browsing * /.

  }

  {ul li. NAV

  border-bottom: 1px solid #666; / * This creates separation button * /.

  }

  UL. NAV, the ul.nav: visited {/ * these selectors of grouping allows you to ensure that your links to retain their look button even after the ongoing visit * /}

  padding: 5px 5px 5px 15px;

  display: block; / * Gives the anchor block properties, so it meets all LI that contains that whole area responds to a mouse click. */

  Width: 160px;  / * This width makes all the clickable button for IE6. If you do not need to support IE6, it can be removed. Calculate the width by subtracting the padding on this link of the width of your sidebar container. */

  text-decoration: none;

  background: #C6D580;

  }

  UL. NAV a: hover, ul.nav one: ul.nav active,: focus {/ * this changes the background and color of text for browsers of the mouse and the keyboard * /}

  background: #ADB96E;

  color: #FFF;

  }

  / * ~ ~ Various float/clear classes ~ ~ * /.

  .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;

  left margin: 8px;

  }

  .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

  float: left;

  right margin: 8px;

  }

  .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (inside the .container) if the .footer is removed or put off the .container * /}

  Clear: both;

  height: 0;

  font size: 1px;

  line-height: 0px;

  } #mainmedia {}

  height: 300px;

  Width: 960px;

  float: left;

  }

  {#nav_tier_2}

  height: 60px banner;

  Width: 960px;

  }

  {#lower_nav}

  height: 60px banner;

  Width: 100%;

  float: left;

  }

  {#topnavcontainer}

  list-style-type: none;

  list-style-image: none;

  float: right;

  Width: 500px;

  height: 47px;

  padding-top: 13px;

  }

  #container #header #logo {}

  float: left;

  do-family: Arial, Helvetica, without serif.

  make-weight: normal;

  color: #FFF;

  }

  #topnavlist li {}

  display: inline;

  list-style-type: none;

  padding-right: 20px;

  text-decoration: none;

  }

  }

  #container #middlenavcontainer {}

  float: left;

  height: 100px;

  Width: 960px;

  do-family: Arial, Helvetica, without serif.

  do-size: 12px;

  }

  #container #middlenavcontainer table tr {}

  text-align: center;

  }

  #container #sidebar1 h2 {}

  do-size: 14px;

  line-height: normal;

  margin-bottom: 10px;

  top of the margin: 5px;

  }

  {.leftcolumnnav}

  list-style-type: none;

  Color: #000;

  do-size: 12px;

  }

  {#footernav}

  list-style-type: none;

  do-size: 12px;

  }

  #container #footer. Section p {}

  do-size: 12px;

  }

  {#sidebar2 #rigtnavcontent #container

  height: 160px;

  }

  {#contact_form}

  top of the margin: 20px;

  border: thin solid #000;

  margin-bottom: 0px;

  Width: 420px;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 0px;

  padding-left: 10px;

  height: 600px;

  }

  {.p_content}

  do-size: 14px;

  }

  {content-column

  } {#container #main

  height: 100%;

  overflow: visible;

  }

  Hello

  The 'content' div's style to have 100px in height and visible from overflow. So the text overflows the div, but the footer "ignores" / ignore it is positioned after 'sidebar2 '.

  Change the height of the 'content' to 100% and it should work.

  Kind regards

  Alex

• Creation of page template with the specified base style

  I have 4.3 Pages on my Mac mini OSX 10.8.5. I want to create a template for my documents with text in a particular font, but also with all the notes in the same font.

  I searched, found and tried all sorts of ways to ensure that all notes are created in my chosen font, but my attempts have failed. Any help or advice wll be gratefully received and acted.

  Michael,

  Pages ' 09 v4.3 will not allow a frame of reference custom before the creation of reference text. Set a reference to your specifications and then by creating two new character styles that proportionately adjust the exponent, and then the reference text non-exposant - could be saved in the model.

  In the new document, you insert notes and then apply those styles at least on the first note, because with the following notes, you could copy and paste the first note of the selected character style. He said...

• How to get the name of a page class in the apex oracle

  Hi all
  
  Can you get it someone please let me know how we can get the class of a page or area name in the oracle apex? I would also like to know how to get the DOM object for particular item ID.
  
  I appreciate any help on this.
  
  
  Concerning
  REDA

  If a category exists already, then you can find them by inspect element in firefox/chrome browser and look like to class = «MyClass...» »

  If there isn't one, then you can add via - point edit > attributes of the HTML Form element > class = "yourclass.

  See this http://www.w3schools.com/tags/att_global_class.asp

• Unable connect page magage of the apex of the other computer

  I can not open the page manager

  Hello

  It might be useful what you're saying Apex version, database version, and release and what HTTP server that you use

  Kind regards
  Jari

• Page 0 in the apex

  Nice day
  
  How can I assign specific pages for page 0 to show? I noticed that all pages are covered with page zero.
  
  -joe

  Use a condition on the areas/elements of page zero.

• If you check if built-in conditions available, you should notice those who said ' _Current page! = Expression 1_"or"_Current Page is contained in Expression 1_ (list by commas of pages)"or"_Current Page is NOT in the Expression 1 _ (delimited by commas of the pages list).

• For more complex conditions, you can use the "* APP_PAGE_ID *"substitution string.
  for example

  : APP_PAGE_ID BETWEEN 100 AND 200

• On the report templates in the Apex and report queries

  Hi all.
  
  I'm reading about models and report queries and asks me to use cases of these options. I have two questions:
  
  -Can be used to print reports of special loyalty, such as printing a document (invoice, invoice, check)?
  
  -Make the report accept queries settings? for example, you can filter specific data...?
  
  Any other uses?
  
  Best regards, Luis...!

  Your welcome. Review the marking of the answers correct or useful in order to help other people traveling the same road. :)

• Get and update the Page Template dynamically

  Hello everyone,

  I use JDeveloper 11.1.2.3

  I am faced with a situation that I thought it would be simple to solve, but in fact, I'm not finding an overview. I had provide some customization to the end-user at my request (to be more precise, each user can set the default language, which would be loaded whenever it connects and do its work). To get the changes immediately, I inserted the standard way to fully refresh the current page.

          FacesContext context = FacesContext.getCurrentInstance();
          String currentView = context.getViewRoot().getViewId();
          ViewHandler vh = context.getApplication().getViewHandler();
          UIViewRoot x = vh.createView(context, currentView);
          x.setViewId(currentView);
          context.setViewRoot(x);
  
  

  The problem is my pages using a page template (actually there three different page templates in use at the present time). And the model did not get updated with the page (he does only after some navigation). It is clear to me from the model it is another page and has it's own pageDef. My question is, "How can I get the updating of page template at the same time as the current page?"

  PS: I can't follow this example: Blog of Andrejus Baranovskis: model Page of ADF refreshing of ADF Fragment , because the direct child of my patterns is one facet and cannot have an affair.

  Please advice!

  Hi Brian,.

  Thank you for your response. My goal was to change the language of the page (ie: the locale), based on a value of the "Language" property on the users table. The problem was on the page of model component that did not change immediately.

  In any case, I think that I managed to solve this problem. Each jsf page has a 'f: view' and a 'Local' property So I make this property value gets a managed bean in which ownership of 'Language' referred to above is extracted, and the problem with the model is solved. The only problem is I want to set it for each page, but it seems that it works pretty well.

  Definition of this topic as resolved!

• XmlMenuModel in the page template

  I've defined a template page with an attribute of type XMLMenuModel, for the consumer of this model must provide the menu template.

  	< afc:attribute >
  	< afc:attribute - name > xmlMenu < / afc:attribute - name >
  	< afc:attribute - class > org.apache.myfaces.trinidad.model.XMLMenuModel < / afc:attribute - class >
  	< afc: required > true < / afc: required >
  	< / afc:attribute >

  	< af:menuBar id = "bar menu" value = "#{attrs.xmlMenu}" var = "item" > "
  	< f: facet name = "nodeStamp" >
  	"< af:commandNavigationItem text =" #{item.label} "action =" #{item.doAction} ".
  	ID = rendered = "#{item.rendered"cni1"} '"
  	Disabled = "#{Item.Disabled}" / >
  	< / f: facet >
  	< / af:menuBar >

  It does not work when I provided a correct object. To ensure that I created a page with this template and copied the menu bar code in the page. The two model menu bar and directly in the page using the same model. The page works, but that of the page template does not work. It shows an empty menu bar.

  	"< af:pageTemplate viewId="/WEB-INF/org/Template.jsf "id ="pt1">
  	< f: facet 'content' = name >
  	< af:group >
  	"< af:menuBar id ="bar menu"value ="#{root_menu}"var ="item">"
  	< f: facet name = "nodeStamp" >
  	"< af:commandNavigationItem text =" #{item.label} "action =" #{item.doAction} "id ="cni1 ".
  	rendered = "#{Item.rendered}" disabled = "#{item.disabled}" / > "
  	< / f: facet >
  	< / af:menuBar >
  	< af:region value = "#{bindings.dummybtf1.regionModel}" id = "r1" / > "
  	< / af:group >
  	< / f: facet >
  	"< name f: attribute ="xmlMenu"value ="#{root_menu}"/ >".
  	< / af:pageTemplate >

  Any ideas?

  Thank you

  JDev 11.1.2.4

  I finally found the answer. The reason is that I have two models of pages in my project. Because I trust JDeveloper to generate the correct code, I does not change the value of property var. So it was set at uploading for two models of pages. For some reason, the page template attributes not were not passed. So to resolve the issue make sure that all your page templates have the same value of property var. always a pleasure to work with such a test framework. You get what you pay for...

• Page template region posts

  Hey,.

  I wonder if it is possible to add items to the region when you edit a page template? The theme that I have only 8 posts in the region, and I would like to have more.

  I don't know where I have to create the string substitution for this position in the region. I tried to add a simple substitution string to know #REGION_POSITION_XX # then tried to add to the page template, but that has not worked and it should appear as text.

  I need to create a new model? Or can I just add a new position in the region to an existing model?

  Thank you

  J

  Hi Julijan,

  Julijan wrote:

  I wonder if it is possible to add items to the region when you edit a page template? The theme that I have only 8 posts in the region, and I would like to have more.

  I don't know where I have to create the string substitution for this position in the region. I tried to add a simple substitution string to know #REGION_POSITION_XX # then tried to add to the page template, but that has not worked and it should appear as text.

  I need to create a new model? Or can I just add a new position in the region to an existing model?

  You can add positions extra region to the page template. They are strings of built-in substitution APEX and limited to only 8.

  Reference:

  • http://docs.oracle.com/cd/E37097_01/doc.42/e35125/ui_templt.htm#BABDEBJH - APEX 4.2
  • http://docs.oracle.com/cd/E59726_01/doc.50/e39147/ui_templt.htm#BCFDBJGH - APEX 5.0

  But, Yes, you can copy/create a new template and arrange them as you want in the HTML markup.

  I hope this helps!

  Kind regards

  Kiran

• CSS selectors for Page templates (theme)

  Good day to you all:

  I used to change the page of an old application template by placing the following CSS selectors in the page template:

  .t4ContentBody {background-image: url(#WORKSPACE_IMAGES#bg1.jpg) ;}}

  .t4ReportsRegion .t4RegionBody {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4FormRegion .t4RegionHeader {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4FormRegion .t4RegionBody {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4HideandShowRegion .t4RegionHeader {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4HideandShowRegion .t4Body {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4HideandShowRegion .t4Hide {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  I don't remember how I found out the names of the different selectors (e.g. ContentBody, ReportsRegion, FormRegion, etc...)

  I use APEX version 4.2.6 theme 23.  How can I find the names for these elements of the page in my environment?  I completely forgot how do...

  Thank you

  Aqua

  AquaNX4 wrote:

  I used to change the page of an old application template by placing the following CSS selectors in the page template:

  .t4ContentBody {background-image: url(#WORKSPACE_IMAGES#bg1.jpg) ;}}

  .t4ReportsRegion .t4RegionBody {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4FormRegion .t4RegionHeader {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4FormRegion .t4RegionBody {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4HideandShowRegion .t4RegionHeader {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4HideandShowRegion .t4Body {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  .t4HideandShowRegion .t4Hide {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

  I don't remember how I found out the names of the different selectors (e.g. ContentBody, ReportsRegion, FormRegion, etc...)

  I use APEX version 4.2.6 theme 23.  How can I find the names for these elements of the page in my environment?  I completely forgot how do...

  You can identify the selectors required either by looking at the definitions of page templates and the region you use (Home > Application Builder > Application > shared components > models), or use a browser with a web inspector to display the source of the component when the application runs.

• How to make resources (page template, skin) visible by default

  The new page template, or skin are hidden by default. How to configure as available by default without having to define them explicitly. Basically I want the same behavior for my page template regarding the 2 page STANDARD templates that are available by default. -Thank you

  Hello.

  There is a file called credits-site - resources.xml in your portal application (look through Explorer). It will record all the resources of the portals.

  Look at your new portals resources and change visible attribute to TRUE.

  I hope it helps.

  Kind regards.

• How to create a mobile blog page layout, combining the Business Catalyst Modules and function of mobile design of Adobe Muse?

  The title says it all. I love the ability of Adobe mobile design Muse and tablet of layouts and became very fond of the workflow between Adobe Muse and Business Catalyst. The only problem I found is the ability to integrate the module blog on a drawing of the design or the mobile tablet. I understand that Business Catalyst has insert you a code of the tag to create a page template for the blog to sit in but is possible to have a mobile phone and Tablet for the same blog layout? I'd love if visitors read my blog from their phone, did not have to move from a phone on a desk combination available just to read the blog. Once they have read / switch the blog, they can no longer return to the mobile version of Web site due to the page template that I posted to the blog. Overall, I want just the ability to have the blog to adapt to all mobile, tablet and desktop versions. Any ideas?

  It's a very interesting question. Your regular blog module should be fine for the tablet. For some time I did a mobile in British Colombia, but I think you can add a template to another blog layout module and use it. You should be able to actually build a custom template in British Colombia for that as well. Maybe pop on the BC Forum and see. There is a guy named Liam on the BC forums who probably knows more about BC some of the engineers. ;-)

  You can also add a link to the mobile device quite easily. You can even hide the link and show the iff only that the user is on a phone using the {system_visitorDeviceClass} tag in British Colombia.

  More information on that here: Introducing tablet & phone support for sites

• Create new region in the page template

  Hello

  I use Apex 4.2 with enterprise DB 11, I try to create the new zone in the page template of "application > share the component > model > page > edit page" I add #REGION_POSITION_20 # #REGION_POSITION_01 # and its added successfully, the problem is when I use this page template on my page, I see the région #REGION_POSITION_20 # added to the model , but I can't select a position for the region.

  Any suggestion

  Hani says:

  I use Apex 4.2 with enterprise DB 11, I try to create the new zone in the page template of "application > share the component > model > page > edit page" I add #REGION_POSITION_20 # #REGION_POSITION_01 # and its added successfully, the problem is when I use this page template on my page, I see the région #REGION_POSITION_20 # added to the model , but I can't select a position for the region.

  Any suggestion

  You cannot create additional region position placeholders. Why do you think that you need to do?

  Several areas can be assigned to each position in the region, the existing placeholders can be moved, regions may contain subregionsand region controlled by the attributes of the region and/or CSS page layout. These options provide more flexibility for most requirements.