Styling Panel tabs in JSF with CSS

Hello,
I have been struggling to find a good resource that deals with the styling of <t:panelTabbedPane> and panelTabs in CSS. It would seem that using conventional tab methods might not always work correctly since JSF tabs seem to dynamically resize themselves based on the text within the, Can anyone here point me to a good resource? Thank you!

There are tabbed panel components available. For example the Tomahawk's [t:panelTabbedPane|http://myfaces.apache.org/tomahawk/tabbedPane.html].

Similar Messages

  • To disable the panel tab

    how To disable the panel tab in jsf.I have used the follwing tag lib
    <%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
    thanx in advance

    If you're running Java 7, then in System Preferences > Java > Java Control Panel in the Security tab there is a check box to enable Java in your browser. To check for update go to the Update tab.

  • Flexible Tabbed Panels with CSS Selector

    Just thought I'd share a tip about making Tabbed Panels more
    flexible with the CSS Selector.
    In working on the
    menu
    page for
    a new
    restaurant, I needed Tabbed Panels with the same custom scroll
    bar I used on the rest of the site. I'd chosen the
    fleXcroll kit because it is so
    flexible, unobtrusive, and cross-browser compatible (if poorly
    documented). Once you figure out how fleXcroll wants you to give it
    the elements of your scroll bar, activating it is as easy as adding
    the "fleXcroll" class to the div you want scrolled. This was the
    same div which wraps my Tabbed Panels
    (div.TabbedPanelsContentGroup).
    No problem, I thought, as fleXcroll makes a big deal about
    how it "can cope with dynamic updates such as dynamic content
    injected via AJAX." The problem, though, is that that Tabbed Panels
    can't cope with the wrappers fleXcroll injects inside the panel
    container, as Tabbed Panels depends on a clean and fixed hierarchy
    to identify panels as direct descendants of that container. Tabbed
    Panels thought the fleXcroll wrappers were panels, and things just
    didn't work.
    Luckily, the CSS Selector provides a much easier method of
    finding panels and tabs than traversing a fixed hierarchy. Instead
    of identifying tabs as children of .TabbedPanelsTabGroup (which is
    identified as the first child of the div you give to Tabbed Panel's
    constructor) and panels as children of .TabbedPanelsContentGroup,
    you simply identify tabs as Spry.$$(".TabbedPanelsTab") and panels
    as Spry.$$(".TabbedPanelsContent")!
    In SpryTabbedPanels.js, tabs and panels are collected with
    getTabs() and getPanels():
    var tabs = this.getTabs();
    var panels = this.getContentPanels();
    To escape the hierarchical bounds of Tabbed Panels, you just
    have to change:
    Spry.Widget.TabbedPanels.prototype.getTabs = function()
    var tabs = [];
    var tg = this.getTabGroup();
    if (tg)
    tabs = this.getElementChildren(tg);
    return tabs;
    to:
    Spry.Widget.TabbedPanels.prototype.getTabs = function()
    var tabs = [];
    tabs = Spry.$$(".TabbedPanelsTab"); // or your selector of
    choice
    return tabs;
    and:
    Spry.Widget.TabbedPanels.prototype.getContentPanels =
    function()
    var panels = [];
    var pg = this.getContentPanelGroup();
    if (pg)
    panels = this.getElementChildren(pg);
    return panels;
    to:
    Spry.Widget.TabbedPanels.prototype.getContentPanels =
    function()
    var panels = [];
    panels = Spry.$$(".TabbedPanelsContent"); // or your
    selector of choice
    return panels;
    This still assumes that everything happens within the element
    you give to the constructor, but that's okay by me for now.
    Hope this helps someone else!

    The TabbedPanels code:
    <div id="mainmenu" spry:region="menuCom menuCat">
         <div id="TP1" class="TabbedPanels">
              <ul class="TabbedPanelsTabGroup">
                   <li spry:repeat="menuCat" class="TabbedPanelsTab" tabindex="0">{menuCat::category}</li>
              </ul>
              <div class="TabbedPanelsContentGroup">
                   <div spry:repeat="menuCom" spry:test="'{menuCom::category}' == '{menuCat::category}'" class="TabbedPanelsContent">{menuCom::subcategory} - {menuCom::description}</div>
                </div>
                </div>
               </div>
               </div>

  • Content Search Web Part with Hover Panel - Problem with positioning with css

    Hi guys!
    I´m having trouble with positioning the hover panel for the Content Search Web Part.
    I used
    this article to help me with luck as far as to the positioning. I´ve tried some inline styling but maybe my knowledge in css is no good enough here.
    Here´s a screenshot from how this looks like. The hover panel generates a gap between the result items, the same height as the hover panel:

    Hi Victoria!
    No the gap comes without any inline css added from me. I´ve tried some inline styling, like z-index and position.
    So, any ideas are welcome.
    Here´s how my Display Template looks like:
    <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
    <head>
    <title>RC Customer Documents</title>
    <!--[if gte mso 9]><xml>
    <mso:CustomDocumentProperties>
    <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
    <mso:ManagedPropertyMapping msdt:dt="string">&#39;Link URL&#39;{Link URL}:&#39;Path&#39;,&#39;Line 1&#39;{Line 1}:&#39;Title&#39;,&#39;Line 2&#39;{Line 2}:&#39;&#39;,&#39;FileExtension&#39;,&#39;SecondaryFileExtension&#39;</mso:ManagedPropertyMapping>
    <mso:MasterPageDescription msdt:dt="string">This Item Display Template will show a preview and properties for Record Center Customer Documents</mso:MasterPageDescription>
    <mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106603</mso:ContentTypeId>
    <mso:TargetControlType msdt:dt="string">;#SearchResults;#Content Web Parts;#</mso:TargetControlType>
    <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
    <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
    <mso:HtmlDesignStatusAndPreview msdt:dt="string">http://d-records.isbank.is/rc/search/_catalogs/masterpage/Display Templates/Content Web Parts/_isb_record_center/tutorial/RC_CustomerDocuments.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
    <mso:CrawlerXSLFile msdt:dt="string"></mso:CrawlerXSLFile>
    <mso:HtmlDesignPreviewUrl msdt:dt="string"></mso:HtmlDesignPreviewUrl>
    </mso:CustomDocumentProperties>
    </xml><![endif]-->
    </head>
    <body>
    <!--
    Warning: Do not try to add HTML to this section. Only the contents of the first <div>
    inside the <body> tag will be used while executing Display Template code. Any HTML that
    you add to this section will NOT become part of your Display Template.
    -->
    <script>
    $includeLanguageScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Language Files/{Locale}/CustomStrings.js");
    </script>
    <!--
    Use the div below to author your Display Template. Here are some things to keep in mind:
    * Surround any JavaScript logic as shown below using a "pound underscore" (#_ ... _#) token
    inside a comment.
    * Use the values assigned to your variables using an "underscore pound equals"
    (_#= ... =#_) token.
    -->
    <div id="RC_CustomerDocuments">
    <!--#_
    var id = ctx.ClientControl.get_nextUniqueId();
    var itemId = id + Srch.U.Ids.item;
    var hoverId = id + Srch.U.Ids.hover;
    var hoverUrl = "~sitecollection/_catalogs/masterpage/Display Templates/Content Web Parts/_isb_record_center/tutorial/Item_RC_CustomerDocuments_HoverPanel.js";
    $setResultItem(itemId, ctx.CurrentItem);
    ctx.currentItem_ShowHoverPanelCallback = Srch.U.getShowHoverPanelCallback(itemId, hoverId, hoverUrl);
    ctx.currentItem_HideHoverPanelCallback = Srch.U.getHideHoverPanelCallback();
    var encodedId = $htmlEncode(ctx.ClientControl.get_nextUniqueId() + "_2lines_");
    var linkURL = $getItemValue(ctx, "Link URL");
    linkURL.overrideValueRenderer($urlHtmlEncode);
    var iconURL = Srch.ContentBySearch.getIconSourceFromItem(ctx.CurrentItem);
    var line1 = $getItemValue(ctx, "Line 1");
    var line2 = $getItemValue(ctx, "Line 2");
    line1.overrideValueRenderer($contentLineText);
    line2.overrideValueRenderer($contentLineText);
    var containerId = encodedId + "container";
    var pictureLinkId = encodedId + "pictureLink";
    var pictureId = encodedId + "picture";
    var dataContainerId = encodedId + "dataContainer";
    var line1LinkId = encodedId + "line1Link";
    var line1Id = encodedId + "line1";
    var line2Id = encodedId + "line2";
    _#-->
    <div class="cbs-Item" name="Item" id="_#= $htmlEncode(itemId) =#_" data-displaytemplate="RC_CustomerDocuments" onmouseover="_#= ctx.currentItem_ShowHoverPanelCallback =#_" onmouseout="_#= ctx.currentItem_HideHoverPanelCallback =#_">
    <div id="wrapper">
    <div id="_#= $htmlEncode(hoverId) =#_" ></div>
    </div>
    <a class="cbs-ItemLink" title="_#= $htmlEncode(line1.defaultValueRenderer(line1)) =#_" id="_#= pictureLinkId =#_">
    <img class="cbs-Thumbnail" src="_#= $urlHtmlEncode(iconURL) =#_" alt="_#= $htmlEncode(line1.defaultValueRenderer(line1)) =#_" id="_#= pictureId =#_" />
    </a>
    <div class="cbs-Detail" id="_#= dataContainerId =#_">
    <a class="cbs-Line1Link ms-noWrap ms-displayBlock" href="_#= linkURL =#_" title="_#= $htmlEncode(line1.defaultValueRenderer(line1)) =#_" id="_#= line1LinkId =#_">_#= line1 =#_</a>
    <!--#_
    if(!line2.isEmpty)
    _#-->
    <div class="cbs-Line2 ms-noWrap" title="_#= $htmlEncode(line2.defaultValueRenderer(line2)) =#_" id="_#= line2Id =#_">_#= line2 =#_</div>
    <!--#_
    _#-->
    </div>
    </div>
    </div>
    </body>
    </html>
    And here´s the hover panel:
    <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
    <head>
    <title>RC Customer Documents Hover Panel</title>
    <!--[if gte mso 9]><xml>
    <mso:CustomDocumentProperties>
    <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
    <mso:MasterPageDescription msdt:dt="string">Displays a result hover panel tailored for a Portable Document Format (PDF) document.</mso:MasterPageDescription>
    <mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106603</mso:ContentTypeId>
    <mso:TargetControlType msdt:dt="string">;#SearchHoverPanel;#</mso:TargetControlType>
    <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
    <mso:ManagedPropertyMapping msdt:dt="string">&#39;Title&#39;:&#39;Title&#39;,&#39;Path&#39;:&#39;Path&#39;,&#39;Description&#39;:&#39;Description&#39;,&#39;EditorOWSUSER&#39;:&#39;EditorOWSUSER&#39;,&#39;LastModifiedTime&#39;:&#39;LastModifiedTime&#39;,&#39;CollapsingStatus&#39;:&#39;CollapsingStatus&#39;,&#39;DocId&#39;:&#39;DocId&#39;,&#39;HitHighlightedSummary&#39;:&#39;HitHighlightedSummary&#39;,&#39;HitHighlightedProperties&#39;:&#39;HitHighlightedProperties&#39;,&#39;FileExtension&#39;:&#39;FileExtension&#39;,&#39;ViewsLifeTime&#39;:&#39;ViewsLifeTime&#39;,&#39;ParentLink&#39;:&#39;ParentLink&#39;,&#39;FileType&#39;:&#39;FileType&#39;,&#39;IsContainer&#39;:&#39;IsContainer&#39;,&#39;SecondaryFileExtension&#39;:&#39;SecondaryFileExtension&#39;,&#39;DisplayAuthor&#39;:&#39;DisplayAuthor&#39;,&#39;ServerRedirectedURL&#39;:&#39;ServerRedirectedURL&#39;</mso:ManagedPropertyMapping>
    <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
    <mso:HtmlDesignStatusAndPreview msdt:dt="string">http://d-records.isbank.is/rc/search/_catalogs/masterpage/Display%20Templates/Content%20Web%20Parts/_isb_record_center/tutorial/Item_RC_CustomerDocuments_HoverPanel.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
    <mso:CrawlerXSLFile msdt:dt="string"></mso:CrawlerXSLFile>
    <mso:HtmlDesignPreviewUrl msdt:dt="string"></mso:HtmlDesignPreviewUrl>
    </mso:CustomDocumentProperties>
    </xml><![endif]-->
    </head>
    <body>
    <div id="Item_RC_CustomerDocuments_HoverPanel">
    <!--#_
    var i = 0;
    var id = ctx.CurrentItem.csr_id;
    ctx.CurrentItem.csr_ShowFollowLink = true;
    ctx.CurrentItem.csr_ShowViewLibrary = true;
    ctx.currentItem_ShowChangedBySnippet = true;
    _#-->
    <div class="ms-srch-hover-innerContainer ms-srch-hover-standardSize" id="_#= $htmlEncode(id + HP.ids.inner) =#_">
    <div class="ms-srch-hover-arrowBorder" id="_#= $htmlEncode(id + HP.ids.arrowBorder) =#_"></div>
    <div class="ms-srch-hover-arrow" id="_#= $htmlEncode(id + HP.ids.arrow) =#_"></div>
    <div class="ms-srch-hover-content" id="_#= $htmlEncode(id + HP.ids.content) =#_" data-displaytemplate="RCCustomerDocumentsHoverPanel">
    <div id="_#= $htmlEncode(id + HP.ids.header) =#_" class="ms-srch-hover-header">
    _#= ctx.RenderHeader(ctx) =#_
    </div>
    <div id="_#= $htmlEncode(id + HP.ids.body) =#_" class="ms-srch-hover-body">
    _#= ctx.RenderBody(ctx) =#_
    </div>
    <div id="_#= $htmlEncode(id + HP.ids.actions) =#_" class="ms-srch-hover-actions">
    _#= ctx.RenderFooter(ctx) =#_
    </div>
    </div>
    </div>
    </div>
    </body>
    </html>
    Thnx :)

  • Problem with Required fields in Panel Tabbed

    Hi ,
    I am using Jdeveloper 11.1.1.2 and i created a jspx page in which i am using <af:panel Tabbed> which has 2 <af:showDetailItem> items.
    Here the problem is in each show detail item i have selectOneChoice set as required fileds. when i am runnin the page and click the second tab it is asking to select a value for SOC.
    Can anyone help me in how to make required fileds show only for that <showdetailitem> item but not for both the showdetailitems.
    Thanks,
    Harika.

    Set the immediate property for the tab to be true.
    Similar forum post:
    Issue with Panel Tabbed and required property
    Thanks,
    Navaneeth

  • Weird problems with CSS being applied to JSF pages

    I have this really weird problem with my CSS rules being applied to my JSF pages. My CSS rules don't get applied unless one of the following two things happen:
    - A page is reloaded (by redirecting to itself, or if there were validation errors)
    - The previous page in the history had the same relative reference to the same CSS file.
    If a page is newly loaded, and the previous page did not have that same CSS reference, the CSS styles will not show up. Also, if the above is true, and the page is reloaded by JSF, the CSS styles show up.
    Now, my problem could be solved if I put all JSP files in the same level, but the display of the first page would still be without the CSS style applied.
    Is this known behaviour? And if it is, does it have anything to do do with the way JSF handles URLs (always one level back)? Help and input is kindly appreciated!

    Dude,
    I tried the same
    <link rel="stylesheet" href="<h:outputText value="#{facesContext.externalContext.requestContextPath}"/pages/css/default.css" />
    and I got the following Jasper exception.... pointers plz ??
    =============================================================
    2005-08-24 14:18:55,937 [http-8080-Processor25] ERROR org.apache.catalina.core.ContainerBase.[Catalina].[localhost].[mydemo].[FacesServlet] - Servlet.service() for servlet FacesServlet threw exception
    org.apache.jasper.JasperException: /myproj/eventCrit.jsp(8,78) Unterminated <h:outputText tag
         at org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:39)
         at org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:405)
         at org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:130)
         at org.apache.jasper.compiler.Parser.parseOptionalBody(Parser.java:1049)
         at org.apache.jasper.compiler.Parser.parseCustomTag(Parser.java:1367)
         at org.apache.jasper.compiler.Parser.parseElements(Parser.java:1564)
         at org.apache.jasper.compiler.Parser.parseBody(Parser.java:1793)
         at org.apache.jasper.compiler.Parser.parseOptionalBody(Parser.java:1060)
         at org.apache.jasper.compiler.Parser.parseCustomTag(Parser.java:1367)
         at org.apache.jasper.compiler.Parser.parseElements(Parser.java:1564)
         at org.apache.jasper.compiler.Parser.parse(Parser.java:126)
         at org.apache.jasper.compiler.ParserController.doParse(ParserController.java:211)
         at org.apache.jasper.compiler.ParserController.parse(ParserController.java:100)
         at org.apache.jasper.compiler.Compiler.generateJava(Compiler.java:146)
         at org.apache.jasper.compiler.Compiler.compile(Compiler.java:286)
         at org.apache.jasper.compiler.Compiler.compile(Compiler.java:267)
         at org.apache.jasper.compiler.Compiler.compile(Compiler.java:255)
         at org.apache.jasper.JspCompilationContext.compile(JspCompilationContext.java:556)
         at org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:293)
         at org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:291)
         at org.apache.jasper.servlet.JspServlet.service(JspServlet.java:241)
    =========================================================

  • Selectable Dialog Panel Tab Order Reversed when Plug-In compiled with XCode 3

    Hi,
    I'm not sure if anyone has seen this before, but I am experiencing
    a problem with the order of the panel tabs in a selectable dialog when compiling
    a CS3 plug-in using the following configuration.
    OSX 10.5.4
    XCode 3.
    ID SDK 5.0.3
    The problem is evident in the sample SDK plug-in "BasicSelectableDialog"
    Other than the obvious ( i.e. use XCode 2.4.1 ) is there a simple configuration fix for this??
    Regards,
    Mike.

    Update::
    Seems to be a problem with the ResourceEnabler or the call to CDialogCreator::GetOrderedPanelIDs() in the GetOrderedPanelIDs call in the dialog creator.
    The list returned is always empty when compiled in XCode 3, but filled in when compiled using XCode 241.
    Regards,
    Mike.

  • Tabbed Panel issue. The tabs scroll together with the content.

    Hi,
    The idea is to "block" the tabs above, so the visitor, when scrolling a content, he can still see ALWAYS the tabs in the top, so he can change to the other tabs quickly. WIth other tabbed panels I didn't have this problem. The explorers have to do here? Mozilla, Opera?
    I use safari. DW CS5.
    If more info from me is needed please,l et me know. Help appreciated.
    I uploaded the video to Metacafe.com. I saw this video site reliable and appareantly is pretty faster to download video.
    Thx in advance for your help.
    The video of the problem is shown in the following link:
    http://www.metacafe.com/watch/6107040/tabbed_panels_issue_in_dw_cs5/

    Add/modify the following to your document
    .TabbedPanelsContentVisible {
        height: 200px;
        overflow: auto;
    Gramps
    PS Love the video

  • RE: How to set createInsert operation with panel tab

    Hi all,
    I am using Jdeveloper 11.1.2.3.0
    Here i have one form and it contains two panel tabbed subDetailedItems called List and New.
    I have table in List Tab and form in New Tab.
    Now my requirement is if i select New tab then it has to display empty fields to enter new record.
    Help me to resolve the issue.
    Thanks,
    Syam

    Nitesh,
    I understood the usecase. But my question was, what happens if the user clicks on the New tab (a new record gets created due to createInsert - but not committed), then go back to another tab and then click on New tab again (another new record gets created due to next createInsert). Now, if the user commits, after entering values, he would have 2 rows added to the table (one with blank values and next one with data). You should have to handle that as well.
    -Arun

  • Panel Tab issue with mandatory fields

    So i have a requirement where i have Jsff page with paneltab and 2 showdetail, on one show detail i further ave panel tab with 5 show detail.
    when i commit data on one tab its asking for other tab Mandatory fields and commitng the all tab data.
    I did immediated=true on all tab, but it didnt help.
    Can someone please help me onthis.
    Thnks
    RJ

    Jaspal
    Correct i have two level of tabs
    Tab1 Tab2
    under tab 2
    Tab21,Tab22,Tab23,Tab24,Tab25
    Tab21-tab25 have there own Taskflows which used differnt VO(based on diff EO) and 1-2 tab will have Trasient VO
    So Tab 1 has Updatable VO with some mandatory Fields. When i come to screen i saw two tabs Tab1 and Tab2
    I clcik on Tab 2 i saw Tab 21-25...When i commit some data on Tab21, its asking for mandatory fields of Tab1
    I hope i am clear..let me know if you need some other info
    Thanks for help
    RJ

  • Panel Tabbed with regions

    Hi
    I have Panel Tabbed with two items inside - both contains regions inside (static - not dynamic).
            <af:panelTabbed id="pt1" partialTriggers="t1">
              <af:showDetailItem text="Item 1" id="s1">
                <af:region value="#{bindings.emp.regionModel}" id="r1"/>
              </af:showDetailItem>
              <af:showDetailItem text="Item 2" id="s2">
                <af:region value="#{bindings.dept.regionModel}" id="r2"/>
              </af:showDetailItem>
            </af:panelTabbed>Logging initializers and finelizers for task flows inside these regions I noticed that both are triggered when I enter on the page with Panel Tabbed. Only task flow on selected item should be loaded - em I right ? Is there any property to set "loading on demand" regions in Panel Tabbed ?
    Kuba

    Hi,
    depends on the JDeveloper version you are on. For example, you can set a task flow binding (in pageDef) to deferred loading in which case it does what you want it to do. Early JDeveloper 11g R1 releases did not have this feature, in which case the behavior is as you see it. So you may need to check your JDeveloper version, and if it is an upgraded JDeveloper 11g application, check the deferred setting on the task flow binding
    Frank

  • Moving the tabs to right of the jsf page in the adf panel tabbed component

    Hi,
    i want to move the tabs in the panel tabbed component to the right. In the property inspector of this component, it doesn't have an option called right. How can we do this?
    Thanks,
    sudan

    Hi,
    why there is no reply from the community? Does it mean, no one had any requirement like this before or it is not possible in ADF.
    Thanks,
    Sudan

  • Spry Tabbed Panels: Tabs

    I'm experimenting with Spry Tabbed Panels. The problem I
    couldn't work out is that how to get panel tabs stay on their
    place. They seems to be jumping out (far right) when I click on
    enter key while my cursor in the tab content area. This happens on
    DW CS3 but displays correctly on browsers preview (site is local)?
    I am inserting Spry Tabbed Panel in a simple styled div.
    There are many styled divs/nested divs on the page.
    I can insert non Spry items in a same div and style them
    without problem but something seems to be different about Spry
    Tabbed Panel?

    I'm experimenting with Spry Tabbed Panels. The problem I
    couldn't work out is that how to get panel tabs stay on their
    place. They seems to be jumping out (far right) when I click on
    enter key while my cursor in the tab content area. This happens on
    DW CS3 but displays correctly on browsers preview (site is local)?
    I am inserting Spry Tabbed Panel in a simple styled div.
    There are many styled divs/nested divs on the page.
    I can insert non Spry items in a same div and style them
    without problem but something seems to be different about Spry
    Tabbed Panel?

  • Panel Tab as Link only (no content) in Accordian Widget?

    Is there a way for panel tabs that have no content to
    a) Close any other open panels when clicked
    b) Act as link of their own (they will navigate to separate html page rather than open accordian panel) and
    c) show active state when clicked
    I would be wanted 'Label 2' of the follwing panel to be a link to an external page, whereupon i will set that panel tab to be default active when they land there.
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 1</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 2</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 3</div>
        <div class="AccordionPanelContent">Content 3</div>
      </div>
    <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 4</div>
        <div class="AccordionPanelContent">Content 4</div>
      </div>
    </div>
    Hope i've made sense....
    Thanks in advance of anyone's help/advice (I ammeanwhile scouring the forums on the web).
    ccesca

    Why not?
    Be sure you have not set a height for the panel content, or you will end up with a normal tab with a blank content panel falling below it.
    I've never tried creating an accordion that had a tab completely without a content area, but that might work.
    So, put a link on your tab text and see if it functions the way you want.
    Regarding the Show active state when clicked, examine the accordion CSS file and fiddle around with things to change. It is likely that it is already set up to do that.
    Beth

  • Panel tabbed is not working in the page fragments used in a bounded task fl

    Hi,
    I tried creating a simple page fragment with a panel tabbed as below
    <?xml version='1.0' encoding='UTF-8'?>
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
    xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
    xmlns:f="http://java.sun.com/jsf/core">
    <af:panelStretchLayout id="psl1">
    <f:facet name="center">
    <af:panelTabbed id="pt1">
    <af:showDetailItem text="showDetailItem 1" id="sdi1"/>
    <af:showDetailItem text="showDetailItem 2" id="sdi2"/>
    <af:showDetailItem text="showDetailItem 3" id="sdi3"/>
    </af:panelTabbed>
    <!-- id="af_one_column_stretched" -->
    </f:facet>
    </af:panelStretchLayout>
    </jsp:root>
    Then in an unbounded task flow, I added the bounded task flow which is just created above. when I run this page, the page is loaded but the tabs doesn't switch. When I click on the other tabs, it doesnt change, it is always active only in the first tab.
    Is this a bug in adf, or am I missing something?
    Can someone please help?
    Thanks,
    Sudarsan M

    Hi Vinod,
    Thanks for responding.
    I want a page fragment with tabbedPanel to be loaded in my dynamic region. As I am facing this issue, I tried very simple example of creating a page fragment with a tabbedPanel of 3 tabs.
    1. added this page fragment in an bounded task flow.
    2. In the unbounded task flow(adfc-config.xml) added a view with the some jspx page and then added the bounded task flow created above as a static region in this jspx page.
    3. When I run this view, I can see the page loaded with all the tabs in the page frament.
    4. By default the first tab is selected, but when I tried to click on the other tabs, there is no response. It still stays in the first tab only.
    Thanks,
    Sudan

Maybe you are looking for

  • Reporting action with a parameter

    Hi, I am having an issue setting up a reporting action with a parameter. The report I am trying open is non-cube based database report. I tried a few syntax variations for the parameter value such as: UrlEscapeFragment( [Dimension].[Attribute].Curren

  • How can three iphones have seperate icloud accounts, but share itunes?

    Hello guys, I hope someone can help me with this question; ok here goes... I have an iphone 4s, one of my daughters have an ipad (we both share itunes ID), recently my two daughters were given iphone 5s'.  Ok the problem is that one of them connected

  • Is it possible to smoothly play 1080p MKV movie files via Apple TV?

    I want to play 1080p mkv movies stored in my iPad Air on TV. Is Apple TV capable to smoothly play such a video file? Or would you suggest a HDMI-Ligthning adapter? Has any of you used any app for this purpose? Does Avplayer HD do this job? Or which a

  • I am unable to upgrade iTunes in Windows XP, please advise

    I attempt to upgrade ITunes on my PC and I never receive the exe file on my desktop I need to do the upgrade. Please advise.  Thanks.

  • FF 4 pop up hold us 'open'

    When I open FF 4 I get : <can't create mcafee plug-in object: TypeError: Components.classes[cid] is undefined> What is this andd what should I do .. remove McAfee? doesn't seem like a good idea. Appreciate reply,