TabNavigator and dynamic tab-styles

I'm trying to change the tab-style skin style based on the content that the parent canvas is being provided.
For example, if the parent canvas (which is being reused everywhere) has a particular property, i'd like my tabNavigator's tabbar to use another skin for the buttons.  I've created a getter in my tabNavigator to access the tab bar.  To which i set the skin style to the class i'd want.  Doesn't work. Is there a simple style that i can set to do this?
I've tried creating a css for every possibility and assign it to tabNavigator with a bindable variable.  But it still displays the default value.  If i put it in the mxml declaration stylename="customskin" it works.  but if i put stylename="{_bindableStyle}", it doesn't work.
In both cases, none of the tabNavigator's children are created until this value is set, so i'm not trying to set a style after the content was created.
I've also tried creating the tabNavigator on creation instead of having it in the mxml declaration, doesn't work either.
Any thing else i can try that i haven't yet?

Hi Frank, thanks for response.
Do you think that somehow in my case there is only one instance of the TF_A ?
Here is relevant settings for my popup containing static region with TF_A
          <af:popup id="pB55" contentDelivery="lazyUncached"
                    popupFetchListener="#{myBean.crudPopupFetchListener}"
                    autoCancel="disabled" childCreation="deferred">
            <af:panelWindow ...>
              <af:region value="#{bindings.TF_A.regionModel}" id="r6"
            </af:panelWindow>
          </af:popup>myBean.crudPopupFetchListener :
   //Task flow activation code (for the TF binding 'active' property  bellow)
   pageFlowScope.put("pB55", "true);
   // code for setting the TF parameters:
   .....and here i setting for TF_A binding from the pageDef:
    <taskFlow id="TF_A"
              taskFlowId="..."
              activation="conditional"
              xmlns="http://xmlns.oracle.com/adf/controller/binding"
              Refresh="ifNeeded" active="#{pageFlowScope.pB55 eq true}">
      <parameters>
      </parameters>
    </taskFlow>

Similar Messages

  • Multiple TaskFlow instances in the UIShell - popup and dynamic tab

    Hi all,
    I have strange situation with JDev 11.1.1.6
    First, I run the one, fragment based, bounded TF (named TF_A) in the one dynamic tab.
    Also, run another TF (named TF_B) in the second dynamic tab.
    Then, from that second dyn tab, I run second instance of the first TF, so TF_A, this time as a static region in the af:popup.
    However, the instance in the popup does not show the jsf fragment at all.
    This occurs _only when another instance of the same TF is already running elsewhere (on the first dynamic tab)
    Otherwise, the TF_A in the popup behaves properly.
    The TF_A does not have Controller transaction, and this behavior does not depend on the Sharing Data Controll setting. Is the same in both cases.
    I am able to close the popup, and the application continues to behave normally.
    Of course, there is no stackTrace anywhere.
    Any advice ?
    Anyone ?
    Edited by: Cvele_new_account on Mar 1, 2013 4:08 AM

    Hi Frank, thanks for response.
    Do you think that somehow in my case there is only one instance of the TF_A ?
    Here is relevant settings for my popup containing static region with TF_A
              <af:popup id="pB55" contentDelivery="lazyUncached"
                        popupFetchListener="#{myBean.crudPopupFetchListener}"
                        autoCancel="disabled" childCreation="deferred">
                <af:panelWindow ...>
                  <af:region value="#{bindings.TF_A.regionModel}" id="r6"
                </af:panelWindow>
              </af:popup>myBean.crudPopupFetchListener :
       //Task flow activation code (for the TF binding 'active' property  bellow)
       pageFlowScope.put("pB55", "true);
       // code for setting the TF parameters:
       .....and here i setting for TF_A binding from the pageDef:
        <taskFlow id="TF_A"
                  taskFlowId="..."
                  activation="conditional"
                  xmlns="http://xmlns.oracle.com/adf/controller/binding"
                  Refresh="ifNeeded" active="#{pageFlowScope.pB55 eq true}">
          <parameters>
          </parameters>
        </taskFlow>

  • Dynamic Tabs Layout

    Hello,
    I'm using the latest version of JHeadstart (11.1.1.3.35). I have selected Dynamic Tabs layout and everything works fine except that the home page still shows all the groups as a tab in home page. If I click on any of them it will go to the tree menu and dynamic tabs. I have also changed "Content Frirst-Level Menu Tab" to all possible values but it doesn't change anything. Any help would be appreciated.
    Sayyed

    Sayyed,
    The home page is just provided as a sample. It is a stand-alone page not a page fragment , so it cannot be used in a region. Since dynamic tabs only display regions, the dynamic tabs cannot be shown on the sample home page.
    If you want to have dynamic tabs on your home page, then create a Home group in your application definitiion editor, and check the group-level checkbox "Show as Initial Tab".
    Steven Davelaar,
    JHeadstart Team.

  • Spry Tabbed panels + Progressive Enhancement and Dynamic Loading of Content With Spry

    Is there any way to combine tabbed panels together with "Progressive Enhancement and Dynamic Loading of Content With Spry"?
    Visit: http://labs.adobe.com/technologies/spry/articles/best_practices/progressive_enhancement.ht ml#updatecontent
    And click on the "Using Spry.Utils.updateContent()"
    The 3rd example shows how to use a fade transition whenever the content changes.
    I already have tabbed panels. My menu contains buttons (on tabs) and my Content div contains the panels.
    Tabs code;
    <ul class="TabbedPanelsTabGroup">
              <li class="TabbedPanelsTab">
                   <table class="Button"  >
                        <tr>
                        <td style="padding-right:0px" title ="Home">
                        <a href="javascript:TabbedPanels1.showPanel(1);" title="Home" style="background-image:url(/Buttons/Home.png);width:172px;height:75px;display:block;"><br/></a>
                        </td>
                        </tr>
                   </table>
              </li>
    etc
    etc
    etc
    and the panel code:
    <div class="TabbedPanelsContent" id="Home">
         CONTENT
    </div>
    I hoped i can use the example code from the link into my tabbed panels.
    I thought this code:
    onclick="FadeAndUpdateContent('event', 'data/AquoThonFrag.html'); return false;"
    could be added to the tab code like this:
    <a href="javascript:TabbedPanels1.showPanel(1);" onclick="FadeAndUpdateContent('event', 'data/AquoThonFrag.html'); return false;" title="Home" style="background-image:url(/Buttons/Home.png);width:172px;height:75px;display:block;"><br/></a>
    But the content doesnt fade...
    I know i need to change the header etc.
    The following is from the link:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Aquo Events</title>
    <script src="../../../includes/SpryEffects.js" type="text/javascript"></script>
    <script src="../../../includes/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    function FadeAndUpdateContent(ele, url)
    try {
         Spry.Effect.DoFade(ele,{ duration: 500, from: 100, to: 0, finish: function() {
              Spry.Utils.updateContent(ele, url, function() {
                        Spry.Effect.DoFade(ele,{ duration: 500, from: 0, to: 100 });
    }catch(e){ alert(e); }
    -->
    </script>
    <style type="text/css">
    /* IE HACK to prevent bad rendering when fading. */
    #event { background-color: white; }
    </style>
    </head>
    So i changed my header etc, put the SpryEffects.js and SpryData.js into position and nothing changed...
    Is there a way to keep my tabbed panel (or change as less as possible) and let
    A. The fade work
    B. The loading work.
    The problem now is that it loads all pages instead of only the home. Therefore i wanted this Progressive Enhancement.
    And the fading part is just because its nice...

    It doesnt show in the post but off course i changed this link;
    "data/AquoThonFrag.html"
    into;
    "javascript:TabbedPanels1.showPanel(1);"
    I must say i dont know if this even works...

  • Dynamic Tabs & PDF form display cause IE CPU up and PC hang

    Hi Experts,
    I create dynamic tabs and inside each tab I create interactive form with PDF data inside to display PDF. After running for a while,  the CPU goes up and PC hang. What could be the problem for this? (I'm  using IE7)
    Thanks,
    - Anthony -

    Hi Thomas,
    Thank you for your reply!
    I've re-designed it in a way that only one instance of Adobe Reader in the current selected tab. Whenever user choose another tab, I remove Adobe Reader from that tab and create in the new selected tab. The problem still exists. I don't know what and where exactly problem is. This is excerpt code in WDDOMODIFYVIEW to remove interactive form first and all tabs later. Do you see any problem with this piece of code?
    Be noted that the IE get hang only (CPU 100%) when I run it for a while, meanings select selecte items in view1 and pdf preview in view2, back to view 1 to select other items go to view2 to preview pdf....
    data: lo_f             type ref to cl_wd_interactive_form,
             lo_tabstrip  type ref to cl_wd_tabstrip,
             lo_tab        type ref to cl_wd_tab,
            ls_pdftab    type wd_this->element_pdftab.
    if lo_tabstrip->has_tabs( ) = 'X'.
        " Remove adobe reader in the old tab
        if ls_pdftab-old_tab is not initial.
          lo_tab  = lo_tabstrip->get_tab( id = ls_pdftab-old_tab ).
          if lo_tab is not initial.
            lo_f ?= lo_tab->get_content( ).
            if lo_f is not initial.
              lo_f->unset__parent( ).
              lo_f->unregister_from_view( ).
              free lo_f.
            endif.
          endif.
        endif.
        " Remove all tabs
        lo_tabstrip->remove_all_tabs( ).
      endif.
    Thanks,
    - Anthony -

  • Adding and removing tabs dynamically as in explorer

    adding and removing tabs dynamically as in explorer or firefox

    Think about how many translations are required to move your avatar, then think how many translations are required to move everything else in the entire world. Depending on whether there is more to translate in your avatar or in the rest of the world, you have your solution.
    Not knowing how your system works I can't really suggest anything further but could the collision avoidance be interacting with everything in the world as well? That would increase the workload somewhat.

  • How to focus and navigate the  UIShell Dynamic Tabs through keyboard

    Hi,
    I am using the UIShell which will have the Dynamic tab concept. Here i need to give the keyboard navigation for focusing and navigating between the Dynamic tabs. I have given By providing the access Key concept, By sending the tab(task flow) title preceding with the & and title am displaying through the textAndAccesKey attribute. But in dynamic tab concept, i should not use this, since am allowing the user can open same task flow more than once(with single accesskey multiple tabs will be there). is there any other possibility of quick access without using the accesskey concept like how the IE and Mozilla tab navigation will works by pressing the CTRL+TAB.
    Regards,
    Brahma...
    Edited by: Brahma on Aug 13, 2010 3:37 AM

    Hi,
    the solution is a bit ore complex, so here's the outline
    1. Create an af:serverListener on the page that can be called to send messages to a managed bean on the server (see chapter 5 of the web developer guide to learn about af:serverListener).
    2. Add the following script to a JS library that you reference from af:resource on the page
    function registerKeyBoardHandler(serverListener, afdocument) {
        _serverListener = serverListener;
        var document = AdfPage.PAGE.findComponentByAbsoluteId(afdocument);
        _document = document;
        for (var i = keyRegistry.length - 1; i >= 0; i--)
          var keyStroke = AdfKeyStroke.getKeyStrokeFromMarshalledString(keyRegistry);
    AdfRichUIPeer.registerKeyStroke(document, keyStroke, callBack);
    function callBack(keyCode) {
    var activeComponentClientId = AdfPage.PAGE.getActiveComponentId();
    //send the marshalled key code to the server listener for the developer
    //to handle the function key in a managed bean method
    var marshalledKeyCode = keyCode.toMarshalledString();
    // {AdfUIComponent} component Component to queue the custom event on
    // {String} name of serverListener
    // {Object} params a set of parameters to include on the event.
    // {Boolean} immediate whether the custom event is "immediate" - which will cause it
    // to be delivered during Apply Request Values on the server, or not immediate, in which
    // case it will be delivered during Invoke Application.
    //Note that if one of the keyboard functions is to create ADF bound rows, immediate must be set
    //to false. There is no option yet for the ClientEvent to be queued for later - InvokeApplication
    //- on the server.
    AdfCustomEvent.queue(_document,_serverListener,{keycode:marshalledKeyCode, activeComponentClientId:activeComponentClientId},false);
    //indicate to the client that the key was handled and that there
    //is no need to pass the event to the browser to handle it
    return true;
    3. The JavaScript file also contains the registry of keys you want to listen for
    var keyRegistry = new Array();
    keyRegistry[0]="F1";
    keyRegistry[1]="F2";
    keyRegistry[2]="F3";
    keyRegistry[3]="F4";
    keyRegistry[11]="alt 2";
    4. on the beforePhase property on the f:view tag of the page, reference a managed bean method like thispublic void registerKeyboardMapping(PhaseEvent phaseEvent) {
    if(phaseEvent.getPhaseId() == PhaseId.RENDER_RESPONSE){
    FacesContext fctx = FacesContext.getCurrentInstance();
    ExtendedRenderKitService erks = Service.getRenderKitService(fctx, ExtendedRenderKitService.class);
    List<UIComponent> childComponents = fctx.getViewRoot().getChildren();
    //First child component in an ADF Faces page - and the only child - is af:document
    //Thus no need to parse the child components and check for their component family
    //type
    String id = ((UIComponent)childComponents.get(0)).getClientId(fctx);
    StringBuffer script = new StringBuffer();
    script.append("window.registerKeyBoardHandler('keyboardToServerNotify','" + id +"')");
    erks.addScript(fctx, script.toString());
    The "keyboardToServerNotify" name is the name my af:serverListener component has
    5. The serverListener defined on the page<af:serverListener type="keyboardToServerNotify"
    method="#{viewScope.keyboardMappingHandler.handleKeyboardEvent}"/>
    The above codes send the marshalled string for all pressed keys (that you have registered) to the server (the method configured for the serverListener. This way you can now on the server handle the keys and the
    component the key is pressed on. To register dynamic tabs in the UI Shell (the part I did not yet implement) is to have a keyboard shortcut to register a key for a tab and then another keyboard shortcut to invoke a
    method (disclosed) on a tab is the registered key is pressed.
    Hope this helps.
    Frank
    Ps.: The full sample is part of my OOW demo (September) which I am currently preparing for. Once OOW is over and the dust has settled, I'll document the full sample and release it on ADF Coder Corner with a sample workspace to try                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

  • Controlling the menubar and toolbar in Dynamic tab shell.

    Hi,
    I am using the Dynamic tab shell template in my application, and will load the page fragments (in a new tab) in the adf region embeded in the shell page as and when required. I have defined the 'menu bar' and the 'toolbar' with their items in the 'globalToolbar' facet of the template hence they are rendered in all the pages. My requirement is that I want to control the 'toobar' and 'menubar' from the page(fragment) I am in. That means, I want to 'enable/disable', 'show/hide' the menu items/toolbar items depending on the page fragment I have loaded. Is there a way to achieve this?
    Thanks.

    Sorry, it just works this way. I made a test page
            <af:pageTemplate viewId="/oracle/ui/pattern/dynamicShell/dynamicTabShell.jspx" value="#{bindings.pageTemplateBinding}" id="pt1">
              <f:facet name="copyright"/>
              <f:facet name="about"/>
              <f:facet name="navigation"/>
              <f:facet name="globalLinks"/>
              <f:facet name="status"/>
              <f:facet name="globalToolbar"/>
              <f:facet name="globalSearch"/>
              <f:facet name="globalTabs"/>
              <f:facet name="welcome"/>
              <f:facet name="innerToolbar"/>
              <f:attribute name="logoImagePath" value="/images/LOGO.jpg"/>
            </af:pageTemplate>and can see the image. You might not see the image at design time, but once you run the page the image shows up OK.
    Timo

  • Dynamic Tab Shell Cutting Off Images and Text

    I'm using the Dynamic Tab Shell on a page and trying to get a few image links and output text displaying properly in the Global Toolbar.  I want the image links on the left side of the toolbar and the output text on the right side.  The problem is the images are being cut off and the text is wrapping into a small space and is not fully readable.  The images are 32x32 pixels.  Should I resize them to something smaller?  I tried using smaller images previously, but it seems to just push them down and still cut them off.
    The full output text should be "Logged in as: username", but it's forcing it into a small space and cutting off the username like this:
    Logged
    in as:
    username (this line is not visible in the toolbar)
    Here is my code.  Any help is appreciated.
                <af:pageTemplate viewId="/oracle/ui/pattern/dynamicShell/dynamicTabShell.jspx" value="#{bindings.ptb1}"
                                 id="pt1">
                        <f:facet name="globalToolbar">
                           <af:panelGroupLayout id="pgl5" layout="horizontal" valign="top">
                             <af:toolbar flex="1" stretchId="stretch1" id="tb1">
                               <af:group id="grp1">
                                  <af:commandImageLink text="" actionListener="#{tabmanagement.dashboardSelected}" id="cil1" icon="/images/AsIconDashboard.png" partialSubmit="true"/>
                                  <af:commandImageLink text="" actionListener="#{tabmanagement.toggleSelected}" id="cil2" icon="/images/AsIconToggle.png" partialSubmit="true"/>
                                </af:group>
                                <af:spacer id="stretch1" width="10" height="35" clientComponent="true"/>
                                <af:outputText id="loggedInAsOT" value="#{tabmanagement.loggedInAsText}"/>
                             </af:toolbar>
                          </af:panelGroupLayout>
                        </f:facet>

    Moving the output text from the globalToolbar facet into the globalSearch facet fixed the problems and gave me the intended results:
                   <f:facet name="globalToolbar">
                      <af:panelGroupLayout id="pgl5" layout="horizontal" valign="top">
                         <af:toolbar id="tb1">
                            <af:group id="grp1">
                               <af:commandImageLink text="" actionListener="#{tabmanagement.dashboardSelected}" id="cil1"
                                                    icon="/images/AsIconDashboard.png" partialSubmit="true"/>
                               <af:commandImageLink text="" actionListener="#{tabmanagement.toggleSelected}" id="cil2"
                                                    icon="/images/AsIconToggle.png" partialSubmit="true"/>
                            </af:group>
                         </af:toolbar>
                      </af:panelGroupLayout>
                   </f:facet>
                   <f:facet name="globalSearch">
                      <af:outputText id="loggedInAsOT" value="#{tabmanagement.loggedInAsText}"/>
                   </f:facet>

  • Spry Dynamic Tabs - reCAPTCHA is missing when loading external php file

    Hello,
    I have solved all my problems lately on this forum.
    But now im converting my site to use Dynamic tabs, and something goes wrong.
    The dynamic tabs load content from external files. It loads html but i think something goes wrong with php and my buttons.
    You need to know ALL is working perfect on the old site.
    2 problems;
    I dont know how to convert my buttons to this new style.
    I dont know why the reCAP suddently is missing.
    Why is reCAPTCHA missing?
    SOURCE HTML (index.html);
    <?php include("PHP/form.php"); ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
         <title>Wientjes Voegwerk &amp; Renovatie - Home</title>
        <meta http-equiv="Content-Language" content="NL" />
         <meta http-equiv="imagetoolbar" content="no" />
         <meta name="MSSmartTagsPreventParsing" content="true" />
        <meta name="description" content="Wientjes Voegwerk en Renovatie is een voeg- en renovatiebedrijf gespecialiseerd in gevelrenovatie. Dagelijkse werkzaamheden zijn het voegen van nieuwbouwwerk, en alle voorkomende vormen van gevelrenovatie. Ik geef uw woning, garage of schoorsteen de aandacht die het verdient en ben trots op het resultaat van mijn werk!"/>
        <meta name="keywords" content="Voegwerk, Renovatie, Reinigen, Impregneren, Muur, Voegen, Steen, Woning, Garage, Schoorsteen, Bedrijf, Gevel, Wientjes, Uitslijten, Kappen, Fundering, Vorstschade, Metselen, Metselwerk, Vocht" />
        <meta name="author" content="Rob Nijlaan" />
        <link href="CSS/Style2.css" rel="stylesheet" type="text/css" />
        <script src="JAVASCRIPT/SpryTabbedPanels.js" type="text/javascript"></script>
        <script src="JAVASCRIPT/SpryEffects.js" type="text/javascript"></script>
         <script src="JAVASCRIPT/SpryData.js" type="text/javascript"></script>
        <script src="JAVASCRIPT/xpath.js" type="text/javascript"></script>
         <script type="text/javascript">
         <!--
         function FadeAndUpdateContent(ele, url){
              try {
                   Spry.Effect.DoFade(ele,{
                        duration: 500, from: 100, to: 0, finish: function() {
                             Spry.Utils.updateContent(ele, url, function() {
                                  Spry.Effect.DoFade(ele,{ duration: 500, from: 0, to: 100 });
              catch(e){ alert(e); }
         -->
         </script>
    </head>
    <body>
    <div id="WContainer">
      <div id="WHeader" align="center"> <img src="Art/VoegenRenLos.png" width="540" height="58" alt="Voeg en Renovatiebedrijf" /><br />
        <img src="Art/WientLogo.png" width="600" height="136" alt="Wientjes Voegwerk &amp; Renovatie" /> </div>
      <script type="text/javascript">
         var dsTabs = new Spry.Data.XMLDataSet("data/data.xml", "tabs/tab");
         function loadContent(panel,url){
              Spry.Utils.updateContent(panel,url);
         Spry.Data.Region.addObserver("example1Region",dateLoadedCallback);
         function dateLoadedCallback(notificationType, notifier, data){
              if (notificationType =="onPostUpdate"){    
                   row= dsTabs.getRowByRowNumber(0)
                   if(row){
                        loadContent('0',row.url)
         </script>
      <div id="example1Region" spry:region="dsTabs">
        <div id="dynamicTabs" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup" >
            <li spry:repeat="dsTabs" class="TabbedPanelsTab" onclick="loadContent('{ds_RowID}','{url}');" tabindex="0">{title}</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div spry:repeat="dsTabs" id="{ds_RowID}" class="TabbedPanelsContent"></div>
          </div>
        </div>
        <script type="text/javascript">
                var t1 = new Spry.Widget.TabbedPanels("dynamicTabs");
                 </script>
      </div>
      <div id="WFooter" align="center">
        <p class="footer">Wientjes Voegwerk &amp; Renovatie     ,    03- '02       »      Site by ;    <b>Rob Nijlaan</b></p>
      </div>
    </div>
    </body>
    </html>
    Dont mind the extra javascripts they are not used for now (like SpryEffects.js) its for future use.
    SOURCE XML (data.xml);
    <?xml version="1.0" encoding="UTF-8"?>
    <tabs>
        <tab>
            <title>
              tab 1
              </title>
            <url>../data/HOME.html</url>
        </tab>
        <tab>
            <title>Tab2</title>
            <url>examples/tab2.html</url>
        </tab>
         <tab>
            <title>Tab3</title>
            <url>examples/tab2.html</url>
        </tab>
         <tab>
            <title>Tab4</title>
            <url>../PHP/form.php</url>
        </tab>
    </tabs>
    The html file loads like it should be, but the php form has problems.
    See it yourself: http://www.wientjesvoegwerk.nl/index2.html
    The tab 1 displays a html file like it should.
    The tab 4 displays the contact form but you will see the reCAPTHCA is missing.
    I have really no clue why it happens, exept maybe its a PHP issue.
    Maybe the script isnt compatible with non-html documents...
    Can someone please tell me whats the problem and if there is a solution????
    How do i change this button?
    I used this in my previous site:
    <table class="Button"  >
         <tr>
         <td style="padding-right:0px" title ="Home">
         <a href="#" title="Home" style="background-image:url(/Buttons/Home.png);width:172px;height:75px;display:block;"><br/>
         </a></td>
         </tr>
    </table>
    But the dynamic script uses {title} to get the <title> out of the xml.
    I tryd to put this straight into the title tags in the xml but obviously it wont work.
    And i really dont have a clue how to change this.
    My button has a mouseover img. Basicly its 2 buttons in 1 img stacked on top of each other.
    Like this: http://www.wientjesvoegwerk.nl/Buttons/contact.png
    Because of the CSS script it hovers to the right position.
    Part of SOURCE CSS (Style.css)
    .Button a{display:block;}
    .Button a:hover{background-position:left bottom;}
    a.Button {display:none}
    How can i change the xml and the script so "title" can be replaced with the button.
    Or how can i change the button so the mouseover works and the script still takes the button-img from the xml???
    Any help would be nice, because im finnaly in a postition to finish this site, and this is the only blockade left to conquer...

    Maybe it is not liking that the index page is an HTML page and not a PHP page. Try this way:
    In your form.php, remove the following code:
    <?php
    require_once('recaptchalib.php');
    $publickey = "6LfKNwwAAAAAAEdS6PjiDSHRQBDOYrGcM8R1eQQm"; // you got this from the signup page
    echo recaptcha_get_html($publickey);
    ?>
    Replace it with:
    <script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LfKNwwAAAAAAEdS6PjiDSHRQBDOYrGcM8R1eQQm"></script>
        <noscript>
              <iframe src="http://api.recaptcha.net/noscript?k=6LfKNwwAAAAAAEdS6PjiDSHRQBDOYrGcM8R1eQQm" height="300" width="500" frameborder="0"></iframe><br/>
              <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
              <input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
        </noscript>
    The replacement code is the same code that is outputted from the recaptchalib.php file.

  • Tabnavigator individual page tab width control

    Hi,
    I'm currently developing a Flash form with a tabnavigator
    cfformgroup. I
    have 4 pages within the tabnavigator and I was wondering if
    it is
    possible to control the width of individual page tabs/labels.
    I've tried
    adding styles to specific pages with no success so far. I
    tried both
    labelWidth:50; for example and tabWidth:50;. I also tried
    with
    specifying pixels as the unit but nothing works.
    The basic outline of the code I have is like this:
    (cfformgroup type="tabnavigator)
    (cfformgroup type="page" label="Page 1")
    (/cfformgroup)
    (cfformgroup type="page" label="Page 2")
    (/cfformgroup)
    (cfformgroup type="page" label="Page 3")
    (/cfformgroup)
    (cfformgroup type="page" label="Page 4")
    (/cfformgroup)
    (/cfformgroup)
    The real labels have very different lengths hence the desire
    to control
    their individual widths. Is it even possible and if it is,
    how?
    Thanks in advance for any help anyone can provide.
    Stéphane Bergeron
    reach : connect : communicate
    http://www.webfocusdesign.com
    blog : tutorials : articles : gallery
    http://www.pixelyzed.com

    You will need to do this in action script after the form has
    loaded.
    See example
    <cfform action="" method="POST" name="myform"
    format="Flash" onload="formLoad();">
    <cfformitem type="script">
    function formLoad(){
    var myTab = myTab;
    var tbWidth = myTab["tabBar"].getChildAt(1).width;
    function sizeTab(tb){
    var myTab = myTab;
    if(tb == 0){
    myTab["tabBar"].getChildAt(1).visible = true;
    myTab["tabBar"].getChildAt(1).width = _root.tbWidth;
    else{
    myTab["tabBar"].getChildAt(1).visible = true;
    myTab["tabBar"].getChildAt(1).width = 200;
    </cfformitem>
    <cfformgroup type="hdividedbox" visible="Yes"
    enabled="Yes">
    <cfformgroup type="panel" label="Panel">
    <cfformgroup type="tabnavigator" id="myTab">
    <cfformgroup type="page" label="Tab 1">
    <cfformitem type="text">This is page
    one</cfformitem>
    </cfformgroup>
    <cfformgroup type="page" label="Tab 2">
    <cfformitem type="text">This is page
    two</cfformitem>
    </cfformgroup>
    <cfformgroup type="page" label="Tab 3">
    <cfformitem type="text">This is page
    three</cfformitem>
    </cfformgroup>
    </cfformgroup>
    </cfformgroup>
    <cfformgroup type="horizontal">
    <cfinput type="Button" name="btn_1" value="Original Tab
    Size" onclick="sizeTab(0);">
    <cfinput type="Button" name="btn_2" value="Resize Tab 2"
    onclick="sizeTab(1);">
    </cfformgroup>
    </cfformgroup>
    </cfform>
    Ken

  • How to drag and drop tab nodes between tab panes

    I'm working on example from this tutorial( Drag-and-Drop Feature in JavaFX Applications | JavaFX 2 Tutorials and Documentation ). Based on the tutorial I want to drag tabs between two tabs. So far I managed to create this code but I need some help in order to finish the code.
    Source
    tabPane = new TabPane();
    Tab tabA = new Tab();
       Label tabALabel = new Label("Main Component");
    tabPane.setOnDragDetected(new EventHandler<MouseEvent>()
                @Override
                public void handle(MouseEvent event)
                    /* drag was detected, start drag-and-drop gesture*/
                    System.out.println("onDragDetected");
                    /* allow any transfer mode */
                    Dragboard db = tabPane.startDragAndDrop(TransferMode.ANY);
                    /* put a string on dragboard */
                    ClipboardContent content = new ClipboardContent();
                    content.put(DataFormat.PLAIN_TEXT, tabPane);
                    db.setContent(content);
                    event.consume();
    What is the proper way to insert the content of the tab as object? Into the tutorial simple text is transferred. How I must modify this line content.put(DataFormat.PLAIN_TEXT, tabPane);?
    And what is the proper way to insert the tab after I drag the tab:
    Destination
    tabPane.setOnDragDropped(new EventHandler<DragEvent>()
                @Override
                public void handle(DragEvent event)
                    /* data dropped */
                    /* if there is a string data on dragboard, read it and use it */
                    Dragboard db = event.getDragboard();
                    boolean success = false;
                    if (db.hasString())
                        //tabPane.setText(db.getString());
                        Tab tabC = new Tab();
                        tabPane.getTabs().add(tabC);
                        success = true;
                    /* let the source know whether the string was successfully
                     * transferred and used */
                    event.setDropCompleted(success);
                    event.consume();
    I suppose that this transfer can be accomplished?
    Ref javafx 2 - How to drag and drop tab nodes between tab panes - Stack Overflow

    I would use a graphic (instead of text) for the Tabs and call setOnDragDetected on that graphic. That way you know which tab is being dragged. There's no nice way to put the Tab itself into the dragboard as it's not serializable (see https://javafx-jira.kenai.com/browse/RT-29082), so you probably just want to store the tab currently being dragged in a property.
    Here's a quick example; it just adds the tab to the end of the current tabs in the dropped pane. If you wanted to insert it into the nearest location to the actual drop you could probably iterate through the tabs and figure the coordinates of each tab's graphic, or something.
    import java.util.Random;
    import javafx.application.Application;
    import javafx.beans.property.ObjectProperty;
    import javafx.beans.property.SimpleObjectProperty;
    import javafx.event.EventHandler;
    import javafx.scene.Scene;
    import javafx.scene.control.Label;
    import javafx.scene.control.Tab;
    import javafx.scene.control.TabPane;
    import javafx.scene.input.ClipboardContent;
    import javafx.scene.input.DragEvent;
    import javafx.scene.input.Dragboard;
    import javafx.scene.input.MouseEvent;
    import javafx.scene.input.TransferMode;
    import javafx.scene.layout.StackPane;
    import javafx.scene.layout.VBox;
    import javafx.stage.Stage;
    public class DraggingTabPane extends Application {
      private static final String TAB_DRAG_KEY = "tab" ;
      private ObjectProperty<Tab> draggingTab ;
    @Override
      public void start(Stage primaryStage) {
      draggingTab = new SimpleObjectProperty<>();
      TabPane tabPane1 = createTabPane();
      TabPane tabPane2 = createTabPane();
      VBox root = new VBox(10);
      root.getChildren().addAll(tabPane1, tabPane2);
      final Random rng = new Random();
      for (int i=1; i<=8; i++) {
        final Tab tab = createTab("Tab "+i);
        final StackPane pane = new StackPane();
          int red = rng.nextInt(256);
          int green = rng.nextInt(256);
          int blue = rng.nextInt(256);
        String style = String.format("-fx-background-color: rgb(%d, %d, %d);", red, green, blue);
        pane.setStyle(style);
        final Label label = new Label("This is tab "+i);
        label.setStyle(String.format("-fx-text-fill: rgb(%d, %d, %d);", 256-red, 256-green, 256-blue));
        pane.getChildren().add(label);
        pane.setMinWidth(600);
        pane.setMinHeight(250);
        tab.setContent(pane);
        if (i<=4) {
          tabPane1.getTabs().add(tab);
        } else {
          tabPane2.getTabs().add(tab);
      primaryStage.setScene(new Scene(root, 600, 600));
      primaryStage.show();
      public static void main(String[] args) {
      launch(args);
      private TabPane createTabPane() {
        final TabPane tabPane = new TabPane();
        tabPane.setOnDragOver(new EventHandler<DragEvent>() {
          @Override
          public void handle(DragEvent event) {
            final Dragboard dragboard = event.getDragboard();
            if (dragboard.hasString()
                && TAB_DRAG_KEY.equals(dragboard.getString())
                && draggingTab.get() != null
                && draggingTab.get().getTabPane() != tabPane) {
              event.acceptTransferModes(TransferMode.MOVE);
              event.consume();
        tabPane.setOnDragDropped(new EventHandler<DragEvent>() {
          @Override
          public void handle(DragEvent event) {
            final Dragboard dragboard = event.getDragboard();
            if (dragboard.hasString()
                && TAB_DRAG_KEY.equals(dragboard.getString())
                && draggingTab.get() != null
                && draggingTab.get().getTabPane() != tabPane) {
              final Tab tab = draggingTab.get();
              tab.getTabPane().getTabs().remove(tab);
              tabPane.getTabs().add(tab);
              event.setDropCompleted(true);
              draggingTab.set(null);
              event.consume();
        return tabPane ;
      private Tab createTab(String text) {
        final Tab tab = new Tab();
        final Label label = new Label(text);
        tab.setGraphic(label);
        label.setOnDragDetected(new EventHandler<MouseEvent>() {
          @Override
          public void handle(MouseEvent event) {
            Dragboard dragboard = label.startDragAndDrop(TransferMode.MOVE);
            ClipboardContent clipboardContent = new ClipboardContent();
            clipboardContent.putString(TAB_DRAG_KEY);
            dragboard.setContent(clipboardContent);
            draggingTab.set(tab);
            event.consume();
        return tab ;

  • Using Dynamic Tabs in 11gR2 doesn't seem to work.

    Hi there,
    I'm trying to use the Dynamic Tabs Template in an ADF 11.1.2.3 application using JHeadstart 11.1.2.1.28.
    According to the developerguide section 9.3.1. (Enabling Dynamic Tabs) it should be rather easy to do this.
    Set PageTemplate to : /common/pageTemplates/JhsDynamicTabsPageTemplate
    Set datacontrolscope to : Isolated
    Set Default group Usage to : Region with Page Fragments.
    Set Default group Region Access to : Common UI Shell Page.
    I use facelets as viewtechnology.
    Generating the application works fine.
    Running the application results in an error at startup :
    Error 500--Internal Server Error
    java.io.FileNotFoundException: /common/regions/DynamicTabs.jsff Not Found in ExternalContext as a Resource
    The pagetemplate can't find the reference. The file is nowhere near /common/regions/DynamicTabs.jsff. I actually cannot find it at all.
    I can reproduce this behavior on two different workstations.
    All of the above works smoothly in 11gR1.
    I think it's a bug, at least it looks like it.
    What do you think ?
    Regards Luc

    Hi Steven,
    it is time for "Ripley's believe it or not" I guess....
    I am definitely able to reproduce the behavior.
    1) Create new ADF fusion webapp
    2) Create new ADF BC.
    2a) Connection = HR.
    2b) create EO, VO for Employees and Departments and also create default AM.
    No adjustments, everything default.
    3) Refresh Datacontrol palette to have new DC available
    4) Enable JHeadstart on ViewController project
    5) Create new Service Definition. Accept all the defaults.
    6) Go to application Definition and make the following adjustments
    6a) Set PageTemplate to : /common/pageTemplates/JhsDynamicTabsPageTemplate
    6b) Set datacontrolscope to : Isolated
    7) Apply, Save all and generate.
    During generation the /common/regions/DynamicTabs.jsff is not added to the project.
    Running the new application results in
    Error 500--Internal Server Error
    java.io.FileNotFoundException: /common/regions/DynamicTabs.jsff Not Found in ExternalContext as a Resource
    Versions :
    ADF 11.1.2.3
    JHeadstart 11.1.2.1.28
    Windows 7 64bit
    And I also have the OraFormsFaces extension installed. Could that be causing the problem ??
    I do not use it in this project, but the fact that it is there and that it is available as in the New gallery ....--> JHeadstart --> JHeadstart OFF Generator indicates that OFF does influence JHS in some way ?
    Regards
    Luc
    Edited by: lucbors on Jan 18, 2013 7:17 PM

  • Dynamic tabs in a DeskI report

    Does anyone have experience dynamically creating tabs in a Deski report?  For example, we would like to show sales by store where each store has its own tab.  We would like a tab to be created and visible only when the store has data that is returned from the query.  We are trying to accomplish this via VBA.  We have successfully done this in Excel using VBA but can't seem to find the matching tab.visible property in BO Deski VBA.  We would rather not hard-code filters for each tab as the list of stores changes as the criteria for the query (ie. year/quarter) changes.
    Thanks for any help you can provide.

    Hi Guillermo,
    Welcome to SDN.
    You can have dynamic tabs by placing the <htmlb:tabStripItem> in a loop in the layout:
    <% loop at tabstrip_tab. %>
      <htmlb:tabStripItem index="<%=tabstrip_tab-index%>" etc. />
    <% endloop. %>
    Where tabstrip_tab contains the details of the tabstrip items.
    Regards,
    Patrick.

  • Dynamic tabs in the tabstrip

    Hello All,
    I am trying to populate dynamic tabs using the function module
    TAXI_INITIALIZE_CARRIERSCREEN. Using this FM we can populate at the max 32 tabs.
    My requirement is to place more than 32 tabs in the tabstrip.
    Is there any other function module which is used to populate tabs.
    Or any other solution for this.
    Thanks in Advance.
    Regards,
    Suganya.

    hi,
    i need help on TAXI_INITIALIZE_CARRIERSCREEN. i want to know how to use this
    say, i have created a tabcontrol in the screen painter with function code and reference field. i want to change the text dynamically during runtime.
    can i use this function.
    Moreover , say,
    tabcap-TAB01 = 'TOTAL'.
    tabcap-TAB02 = 'SIZEE'.
    *TABSTRIP_NAME
    CALL FUNCTION 'TAXI_INITIALIZE_CARRIERSCREEN'
      EXPORTING
        tabstrip_captions       = tabcap
      GUI_PROGRAM             =
      GUI_STATUS              =
      GUI_TITLE               =
      GUI_TITLE_PARAM         =
    In the above where do i specify the TAB Strip control Name.
    i dont know how to pass on the export details for GUI_PROGRAM and rest of it. kindly help me
    regs,
    raja

Maybe you are looking for

  • Still frame not included in rendered video file

    I've been working on a video project for the last couple of days, and have run into a puzzling issue. My video ends with a still frame that lasts about 3 seconds, with text on top of the image. When I share my video to iTunes and select the "Mobile"

  • Script to update EXIF data in iPhoto '08

    I shoot some photos with a digital Nikon D50, and some with a Leica M3 (35mm film). The pictures from the digital Nikon are encoded with plenty of detail in the EXIF tags, but the digitized images from the Leica and the 35mm film have only a few tags

  • Transport standard variant of SAP Query

    Hey, I made a SAP Query with SQO1. Within the attributes of the query, I defined a standard variant. How can I transport this variant. When I go to maintain variant, I can click to program RSTRANSP. When I try to execute, I get the following message

  • CANNOT REMOVE ERROR CODE 13010

    I have down loaded new version of itunes but still get erroe code 13010 what can i do please?

  • Music video app?

    Hi i plug my iphone into my car everytime i get in it and i get video on all my monitors like if i watch a movie, but my question is can someone make an app that would play continous music videos like mtv on tv but on the iphone. (yea i know its a li