Is it possible to center an Accordion vertically on page?

I am using a Spry Accordion on my home page.  I would like to be able to center it vertically on the page.  Can anyone tell me how I might do this?  My developing site can be found at www.kbradshaw.com.  Thank you for your help. -- kbrad1958

Hoi,
Tongue-in-cheek: Whatever is possible in CSS is possible with Spry Widgets.
Having said that, have a look here http://www.jakpsatweb.cz/css/css-vertical-center-solution.html or Google the topic for more info.
I hope this helps.
Ben

Similar Messages

  • Is it possible to center a checkbox in a table filter?

    Hi I am using Studio Edition Version 11.1.1.2.0.
    Is it possible to center a checkbox in a table filter without getting a bug? I have tried using a panelgroup with horizontal layout and Halign center. It looks good at first but when I use the filter the checkbox gets a dublicate which is left aligned above the original checkbox. Is there any way to center a checkbox inside a filter?

    Ok I will explain it as well as I can. I have a table with some columns that have an af:selectBooleanCheckBox in their body. These columns I have set the Align property to center because I think the layout looks better that way. This works fine.
    Now I also want to be able to filter these columns. Then I put an af:selectBooleanCheckBox in the filter facet and set the value of that checkbox to #{vs.filterCriteria.attributeName} which also seems to work but the checkbox in the filter facet is left aligned.
    So while I set the Align of the column to center the filter is not center aligned.
    I tried to get the checkbox in the filter center aligned by putting an af:panelGroupLayout where I set Layout: horizontal and Halign: center into the filter facet of the column and then put the checkbox into that af:panelGroupLayout.
    At first when the page is run the checkbox in the filter is in the center and everything seems fine but when you use the filter another checkbox that is left aligned and above the original one appears in the filter so that now I suddenly have 2 checkboxes in the filter.
    Below I have pasted the code of the table and one of these columns so you can see what I mean in case you still don´t understand me. I thought it would be enough to only paste the code of the table and one column but if the rest of the code is neccasary let me know and I will paste that here too.
    <af:table value="#{bindings.FvgQsPeriodTypeQuestionTyVO1.collectionModel}"
    var="row"
    rows="#{bindings.FvgQsPeriodTypeQuestionTyVO1.rangeSize}"
    emptyText="#{bindings.FvgQsPeriodTypeQuestionTyVO1.viewable ? 'No rows yet.' : 'Access Denied.'}"
    fetchSize="#{bindings.FvgQsPeriodTypeQuestionTyVO1.rangeSize}"
    filterModel="#{bindings.FvgQsPeriodTypeQuestionTyVO1Query.queryDescriptor}"
    queryListener="#{bindings.FvgQsPeriodTypeQuestionTyVO1Query.processQuery}"
    filterVisible="true" varStatus="vs"
    selectedRowKeys="#{bindings.FvgQsPeriodTypeQuestionTyVO1.collectionModel.selectedRow}"
    selectionListener="#{bindings.FvgQsPeriodTypeQuestionTyVO1.collectionModel.makeCurrent}"
    rowSelection="single" id="table2"
    partialTriggers=":::pc1:table1"
    columnStretching="column:QTCol">
    <af:column sortProperty="P01AsBoolean" filterable="true" sortable="true"
    headerText="#{bindings.FvgQsPeriodTypeQuestionTyVO1.hints.P01AsBoolean.label}"
    width="50" align="center" id="c6">
    <af:selectBooleanCheckbox
    label="#{bindings.FvgQsPeriodTypeQuestionTyVO1.hints.P01AsBoolean.label}"
    value="#{row.bindings.P01AsBoolean.inputValue}"
    id="sbc1"/>
    <f:facet name="filter">
    <af:panelGroupLayout id="pgl1" halign="center"
    layout="horizontal">
    <af:selectBooleanCheckbox value="#{vs.filterCriteria.P01AsBoolean}"
    id="sbc2"/>
    </af:panelGroupLayout>
    </f:facet>
    <f:facet name="footer"/>
    </af:column>
    </af:table>

  • Muse accordion vertical mobile menu issues

    Adobe
    I have two issues with your accordion vertical mobile menu.
    1. The menu does not line up on the right-hand side in the accordion widget when it’s in preview mode. The x and y in design mode both line up correctly with the menu inside the accordion so I know that this is not the issue. I have no outlines placed on any elements of the accordion menu. Is this a glitch? Is there a fix? I am running most current version of Muse.
    2. From my understanding I believe that the menu should be placed inside the widget (on master page) then when the menu is previewed the accordion should be closed and when it’s opened the objects that are below the menu should all move down. I have yet to accomplish any of this. Is this also a glitch or am I missing something?

    Thank you for providing your file to the support team.
    #1 is related to the fact the menu widget doesn't support 100% width, but in this case that isn't really necessary since mobile browsers scale to fit the width of the widest content.
    So, the workaround in this case is to make the accordion not exactly fit in width. Make it one pixel wider and also make the menu inside the panel one pixel wider. Since this will make the accordion not exactly match the browser area width it won't be treated as 100% width. Instead the browser will scale it, and the menu within it, to fit the width of the device.
    #2 is enabled by turning off the "Overlap Items Below" option in the accordion widget options UI.

  • Centering Object Vertically on Page when exporting to ePUB

    I am preparing my first ePUB book using InDesign 5.5. I would like to center the graphic object on the title page, but I cannot figure out how to center an object vertically on a page.  Although I can achieve the intended result on my screen in InDesign, when I export to ePUB, the object goes to the very top of the page and is no longer centered vertically.  I have a few other pages (the dedication page, the copyright page, etc.), where I have text that I would like to have centered vertically on the page -- same problem.  Please help.  Thanks.

    Irregardless of what you are doing in your InDesign document, an ePub export has to follow the very strict rules of HTML -- and not even the full set as we know it from (semi)formatted web pages, but a subset thereof. There is absolutely no guarantee you can export all you can do in InDesign to an ePub, in fact, there is only very little that survives this radical downsaving.
    Besides, I'd have to check but I don't think Adobe intended InDesign to be the once-and-future ePub Layout Engine. Rather, its export is to facilitate cross-publishing, and helping you on your way creating the eBook of your (e)Dreams -- but you have to do the finalizing with some better targeted software.
    But, basically, your premise -- that you can put something "at the bottom of an e-page" -- is wrong to begin with! A proper eBook can be reflowed, the font and its size can be changed, the reading window can be resized (on some devices) or rotated from landscape to portrait and back (on some devices). So there is no concept of a "page", and everything you pull off to "be" at the bottom might appear at the top for other views.

  • Help with DW & FW8 nav position in vertical centred page

    I have a FW8 CSS navbar which is contained within a wrapper
    div for a horizontally and vertically centred page (table layout).
    Works ok in Firefox and looks ok in IE but when IE browser is
    resized the navbar isn't staying in place. I've changed the
    position elements but can't get the combination right. Can anyone
    help please?

    For what it's worth,
    td img {
    /* Another Mozilla/Netscape bug with making sure our images
    display
    correctly
    display: block;
    this is not a Moz bug. It's an IE one. Moz is displaying
    images according
    to the standards - it's IE that is creating your problems.
    And what you
    have done here is to bludgeon Moz into compliance by making
    an image
    something it's not.... For what it's worth.
    With regard to the FW menus, I have decided not to help
    people with them.
    I'm sorry, but since MM created them this way against the
    advice of their
    many consultants, I think they need to support their
    creation. Just look at
    that stupid mess of CSS....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Mdsign" <[email protected]> wrote in
    message
    news:[email protected]...
    >I have a FW8 CSS navbar which is contained within a
    wrapper div for a
    > horizontally and vertically centred page (table layout).
    Works ok in
    > Firefox
    > and looks ok in IE but when IE browser is resized the
    navbar isn't staying
    > in
    > place. I've changed the position elements but can't get
    the combination
    > right.
    > Can anyone help please?
    >
    > html, body, #wrapper {
    > background-color: #E8EFF7;
    > height:100%;
    > margin: 0;
    > padding: 0;
    > border: none;
    > text-align: center;
    > }
    >
    > td img {
    > /* Another Mozilla/Netscape bug with making sure our
    images display
    > correctly
    > */
    > display: block;
    > }
    >
    > #FWTableContainer841513528 {
    > /* The master div to make sure that our popup menus get
    aligned correctly.
    > Be
    > careful when playing with this one. */
    > position:relative;
    > margin:0px;
    > width:750px;
    > height:30px;
    > text-align:left;
    > }
    >
    > #MMMenuContainer0314150012_0 {
    > /* This ID is related to the master menu div for menu
    > MMMenuContainer0314150012_0 and contains the important
    positioning
    > information
    > for the menu as a whole */
    > position:relative;
    > left:188px;
    > top:30px;
    > visibility:hidden;
    > z-index:300;
    > }
    >
    > #MMMenu0314150012_0 {
    > /* This class defines things about menu
    MMMenu0314150012_0's div. */
    > position:absolute;
    > left:0px;
    > top:0px;
    > visibility:hidden;
    > background-color:transparent;
    > width:148px;
    > height:110px;
    > }
    >
    > .MMMIFVStyleMMMenu0314150012_0 {
    > /* This class determines the general characteristics of
    the menu items in
    > menu
    > MMMenu0314150012_0 */
    > width:148px;
    > height:22px;
    > voice-family: "\"}\"";
    > voice-family:inherit;
    > width:140px;
    > height:14px;
    > }
    >
    > .MMMIVStyleMMMenu0314150012_0 {
    > /* This class determines the general characteristics of
    the menu items in
    > menu
    > MMMenu0314150012_0 */
    > width:148px;
    > height:22px;
    > voice-family: "\"}\"";
    > voice-family:inherit;
    > width:140px;
    > height:14px;
    > }
    >
    > #MMMenu0314150012_0_Item_0 {
    > /* Unique ID for item 0 of menu MMMenu0314150012_0 so we
    can set its
    > position
    > */
    > left:0px;
    > top:0px;
    > }
    >
    > #MMMenu0314150012_0_Item_1 {
    > /* Unique ID for item 1 of menu MMMenu0314150012_0 so we
    can set its
    > position
    > */
    > left:0px;
    > top:22px;
    > }
    >
    > #MMMenu0314150012_0_Item_2 {
    > /* Unique ID for item 2 of menu MMMenu0314150012_0 so we
    can set its
    > position
    > */
    > left:0px;
    > top:44px;
    > }
    >
    > #MMMenu0314150012_0_Item_3 {
    > /* Unique ID for item 3 of menu MMMenu0314150012_0 so we
    can set its
    > position
    > */
    > left:0px;
    > top:66px;
    > }
    >
    > #MMMenu0314150012_0_Item_4 {
    > /* Unique ID for item 4 of menu MMMenu0314150012_0 so we
    can set its
    > position
    > */
    > left:0px;
    > top:88px;
    > }
    >
    > #MMMenuContainer0314150012_0 img {
    > /* needed for Mozilla/Camino/Netscape */
    > border:0px;
    > }
    >
    > #MMMenuContainer0314150012_0 a {
    > /* Controls the general apperance for menu
    MMMenuContainer0314150012_0's
    > items, including color and font */
    > text-decoration:none;
    > font-family:Verdana, Arial, Helvetica, sans-serif;
    > font-size:10px;
    > color:#6699cc;
    > text-align:left;
    > vertical-align:middle;
    > padding:4px;
    > background: url("mmmenu2_148x22_up.gif") #e6eef7;
    > font-weight:normal;
    > font-style:normal;
    > display:block;
    > position:absolute;
    > }
    >
    > #MMMenuContainer0314150012_0 a:hover {
    > /* Controls the mouse over effects for menu
    MMMenuContainer0314150012_0 */
    > color:#cc0000;
    > background: url("mmmenu2_148x22_over.gif") #e6eef7;
    > }
    > #MMMenuContainer0314145458_1 {
    > /* This ID is related to the master menu div for menu
    > MMMenuContainer0314145458_1 and contains the important
    positioning
    > information
    > for the menu as a whole */
    > position:absolute;
    > left:467px;
    > top:30px;
    > visibility:hidden;
    > z-index:300;
    > }
    >
    > #MMMenu0314145458_1 {
    > /* This class defines things about menu
    MMMenu0314145458_1's div. */
    > position:absolute;
    > left:0px;
    > top:0px;
    > visibility:hidden;
    > background-color:transparent;
    > width:113px;
    > height:22px;
    > }
    >
    > .MMMIFVStyleMMMenu0314145458_1 {
    > /* This class determines the general characteristics of
    the menu items in
    > menu
    > MMMenu0314145458_1 */
    > width:113px;
    > height:22px;
    > voice-family: "\"}\"";
    > voice-family:inherit;
    > width:105px;
    > height:14px;
    > }
    >
    > #MMMenu0314145458_1_Item_0 {
    > /* Unique ID for item 0 of menu MMMenu0314145458_1 so we
    can set its
    > position
    > */
    > left:0px;
    > top:0px;
    > }
    >
    > #MMMenuContainer0314145458_1 img {
    > /* needed for Mozilla/Camino/Netscape */
    > border:0px;
    > }
    >
    > #MMMenuContainer0314145458_1 a {
    > /* Controls the general apperance for menu
    MMMenuContainer0314145458_1's
    > items, including color and font */
    > text-decoration:none;
    > font-family:Verdana, Arial, Helvetica, sans-serif;
    > font-size:10px;
    > color:#6699cc;
    > text-align:left;
    > vertical-align:middle;
    > padding:4px;
    > background: url("mmmenu1_113x22_up.gif") #e6eef7;
    > font-weight:normal;
    > font-style:normal;
    > display:block;
    > position:absolute;
    > }
    >
    > #MMMenuContainer0314145458_1 a:hover {
    > /* Controls the mouse over effects for menu
    MMMenuContainer0314145458_1 */
    > color:#cc0000;
    > background: url("mmmenu1_113x22_over.gif") #e6eef7;
    > }
    >

  • Captivate 5.5 Is it possible to import PPT slides in Notes Page view?

    Hello experts,
    This may seem like an odd question. I'd like to display all the notes in the page of a PowerPoint deck that provides samples of code and explaintions of what the code is doing. It is too much information for the slide, which just has discussion point bullets, and I think it is too much for the closed caption pane. It this possible to import PPT slides in Notes Page view?
    Thank you so much in advance for any hints, tips, and replies.
    Kindest regards,
    P

    I found an alternative but circuitous way of achieving the desired result. In PowerPoint I opened, then I printed the PPT presentationto a PDF selecting the Notes Page option instead of Full Slide. By then using a PDF converter to convert it back to PPT I was able to insert the  PPT as is. In other words it "looks" just like the PPT Notes Page view, which is exactly what I wanted. The code snippet and notes were intact.

  • Is it possible to change the colour of the Pages' skin, since it is grey, is there any way to change it and make it less tedious?

    Is it possible to change the colour of the Pages' skin, since it is grey, is there any way to change it and make it less tedious?

    fruhulda wrote:
    If you see any grey"background" if is on the left and that is the comment field.
    Hi fruhulda
    It's not the comment field which is a restrictive description.
    In fact it's the window's background.
    Yvan KOENIG (VALLAURIS, France) lundi 26 septembre 2011 12:08:45
    iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.8 and 10.7.0
    My iDisk is : <http://public.me.com/koenigyvan>
    Please : Search for questions similar to your own before submitting them to the community

  • Word .docs with Horizontally and Vertically oriented pages

    I have 30 plus Word .docs that have Horizontally and Vertically oriented pages in them. A new PDF is created each time the orientation changes. Is there a way to have Acrobat keep those in the same PDF?
    I am using Acrobat Pro for Mac 10.1.10

    As far as I know there are no patches available for the software and OS I am using (I ran the update check on each), but my version of Acrobat Pro is older.
    OSX 10.9.4 Mavericks
    Acrobat Pro for Mac 10.1.10
    Word 2011 14.4.3 (140616)

  • Is it possible to retrieve deleted items from the Pages App please?

    IIs it possible to retrieve deleted items from the Pages App? Thanks

    From within the Pages app, no. If you have an iTunes or iCloud backup that would have contained the file, and you are backing up Pages, it could be received via a restore using that backup (this would wipe out any newer data however).

  • How to center a component on the page????

    Hi all
    i want to center a component on the page
    Sorry it may be some thing trivial ???
    but i ve a command button i want to center it on the page ????
    how???

    Hi,
    try this steps:
    1-surround the command button with panelGroupLayout with layout Horizontal.
    2-In panelGroupLayout property select Style tab.
    3-in the Text tab set horizontal Align with Center.
    4-in Box tab set width with 100 Percent
    if panelGroupLayout inside any other component make this palce width 100 percent and its Align Horizontal with Center.
    Sameh Nassar

  • Is it possible to only submit/email a one page form embedded in a large document?

    Hello. I have a catalogue with numerous product enquiry forms embedded (designed in ID CS6). When one submits an enquiry form, the entire massive pdf is put into an email for sending. Is it possible to define that only the form page is emailed? Thanks in advance.
    Regards Justin

    Hi 1.try67, thanks for your input. I had a look at the Indesign interactive button features and couldn't see that option. Would you please steer me in the right direction?
    Many thanks
    Justin

  • How is it possible to split the table cells in Pages, Version 5.1

    How is it possible to split the table cells in Pages, Version 5.1?

    This is a feature removed in the change from Pages 09 to Pages 5.0.1.
    If you need this facility, revert to Pages 09.  If you upgraded to 5.0.1, then the earlier version is still in your Applications folder in a folder called iWork.

  • Often, with 4 or 5 windows open, maybe 20 tabs total, firefox stutters when vertical scrolling pages.

    Often, with 4 or 5 windows open, maybe 20 tabs total, firefox stutters when vertical scrolling pages. A restart fixes it.
    I can often work all day with many more tabs than 20 open with no issues. So I'm pretty sure the issue is not a lack of system resources.
    This last time I've noticed it, it is after waking my Macbook Air from sleep.

    Hello,
    Certain Firefox problems can be solved by performing a ''Clean reinstall''. This means you remove Firefox program files and then reinstall Firefox. Please follow these steps:
    '''Note:''' You might want to print these steps or view them in another browser.
    #Download the latest Desktop version of Firefox from http://www.mozilla.org and save the setup file to your computer.
    #After the download finishes, close all Firefox windows (click Exit from the Firefox or File menu).
    #Delete the Firefox installation folder, which is located in one of these locations, by default:
    #*'''Windows:'''
    #**C:\Program Files\Mozilla Firefox
    #**C:\Program Files (x86)\Mozilla Firefox
    #*'''Mac:''' Delete Firefox from the Applications folder.
    #*'''Linux:''' If you installed Firefox with the distro-based package manager, you should use the same way to uninstall it - see [[Installing Firefox on Linux]]. If you downloaded and installed the binary package from the [http://www.mozilla.org/firefox#desktop Firefox download page], simply remove the folder ''firefox'' in your home directory.
    #Now, go ahead and reinstall Firefox:
    ##Double-click the downloaded installation file and go through the steps of the installation wizard.
    ##Once the wizard is finished, choose to directly open Firefox after clicking the Finish button.
    Please report back to see if this helped you!
    Thank you.

  • How do I put page number at the center of the bottom of page one and the rest of the page numbers at top right corner?

    How do I put page number at the center of the bottom of page one and the rest of the page numbers at top right corner?

    Put a section break at the bottom of page 1
    Then insert your page number in the footer of page 1.
    Go to page 2 and click in the body of the text;
    Inspector > Layout > Section > uncheck Use Previous Headers & Footers > click in Header on page > insert > Page Number
    Peter

  • Center an Iframe in a page

    Dear sirs
    I'd like to center an Iframe in a page.
    this is my examole IFrame code: <iframe src="bla.htm"
    name="MyFrame" width="250" height="400" align="center"
    id="MyFrame">This message is only visible to older browsers.
    Replace this with meaningful content!</iframe>
    I wrote align="center" but it does not work as align="left"
    or align="right"
    Is there any solution or is it just impossible to align an
    Iframe in the center of a page?
    Thx to you all for yor replies!!!

    Ok, ok, dear friends
    I'll put it in a <p> and then I'll center the p, or
    maybe I'll put it in a div and then center the div or should be
    better a table, or or or…? "I'll put you in a mirror, I'll
    put in front of you…" (I'll be your mirror- Velvet
    underground)
    Thx to everybody and to me, myself and I
    Bye

Maybe you are looking for

  • I am unable to transfer photos from my camera roll to a shared photo stream.

    I have be able to get 297 pics over to a shared photo stream, but it is very temperamental. Ever since I started trying to transfer over photos, my iphone 5 has been ating up. Apps close on there own. I have reset and restarted my phone many many tim

  • DBMS_XMLSTORE.UpdateXML error when node is empty

    We are using Oracle version 11.2.0.1.0. We are using DBMS_XMLStore.UpdateXML to directly update from XML and are having an issue when an empty node is passed within the XML. If I pass this xml to updateXML to clear out field C1 I get an error. <ROWSE

  • Do you need Internet connection to listen to lectures?

    I downloaded an audio lecture from Itunes U and cannot listen to it if I'm not connected to the Internet. Is there a setting I am missing? If not anyone know an alternate way to get lectures as audio files. I listen while working outside and driving.

  • Broken link to Custom Widget tutorial

    Does anyone have the correct link to the 'Creating a Muse Customizable Widget' tutorial on http://muse.adobe.com/tutorials.html. Please...?

  • PCR implementation in MSS

    Dear all, I am implementing PCRs in MSS in my project. All Line Managers are defined as chief positions in their org units. 99% of forms are initiated by Line Managers. However, A few forms need to be raised by HR Manager. The HR Manager of an employ