How to create a special collapsible panel?

First, i'm sorry if i posted this on the wrong place.
Second, i'm using Dreamweaver CS5
I've been trying to create something like this collapsible menu
The button(tab) is separated from the menu(content) it opens/closes. If it's possible, can somebody please tell me how or give me the code(html, javascript, etc.) to be able to do this.
**Thank you for any help**

Nevermind, i found out how to do it.

Similar Messages

  • How to create French special characters on Linux

    I have a Linux machine now, and originally, I had no problems to create French special characters while simply typing the key combintation of alt+<ASCII-number> on Windows. The special characters were displayed both in any text document and in Skype's chat text field. Now on Linux, this does not work, nor can I display special characters by trying it by making use of the Linux way - that is by hitting ctrl, shift, u and then e. g. 00e7 for a small "cédille". Is there any workaround for this in Linux?

    I tested Skype for Ubuntu and it works. Here's how I did it:I pressed Ctrl+Shift+u (an underline u should appear)Then I typed 00e7 and I got underlined u00e7Finally, I pressed Enter after that u00e7 was converted to çThere is how I typed "cédille": ps. Please note 00e7 is code for ç, but not for é (which have code 00e9). See here the list of Unicode characters https://en.wikipedia.org/wiki/List_of_Unicode_characters

  • How to create a special view for sharepoint list A and deploy this view to specific user personal view?

    How to create a public view for sharepoint list A and deploy this view to specific user personal view? Is that possible OOTB?

    Views cannot be exported or moved. Can you elaborate your requirement?
    --Cheers

  • How to create hyperlink in front panel like what we did in frontpage?

    I'm using labview 4.0 for mac os 8.1. and looking for a way to create web and e-mail hyperlink, anyone can tell me how to do that?

    > I'm using labview 4.0 for mac os 8.1. and looking for a way to create
    > web and e-mail hyperlink, anyone can tell me how to do that?
    You will not be making a true hyperlink as LV doesn't ahve html support
    built in. You have a number of choices to do this such as responding to
    a button and using Apple Events to invoke another program to do the
    email or web application. I was never too into Apple Events, but I
    believe there is a common Open with parameters that might get you what
    you want.
    You might also check on the internet toolkit, but I'm not sure when it
    was released relative to 4.0. And if this doesn't work for you, you
    might look at upgrading to LV7, the last supported release for OS9, and
    using SMTP for email and there is a VI to open t
    he default browser to a
    URL in the palettes.
    Greg McKaskle

  • How to create a "special" class in Flash for Flex?

    I need to create a class in Flash for a Flex app
    (ex:rectangule) that is filled with the background color that Users
    choose from that Flex App.
    Is it possible? How?
    Thanks in Advance

    JavaScript should do the job. Look here:
    www.javascript.com
    www.hotscripts.com
    and of course Google
    Walt
    "jenglish" <[email protected]> wrote in
    message
    news:eql14d$56s$[email protected]..
    > Thanks for reading this... I need help...Here is my
    situation:
    >
    > An address is required in two sections of one HTML form.
    The first
    > address
    > and second address may or may not be the same. In the
    case where the two
    > addresses ARE the same, how would I create a "Same as
    Above" option so
    > visitor
    > does not have to enter same address twice?
    >
    >
    >

  • How to create a special gl indicator

    hi,
    can any body help me out in creatin speaial gl indicator apart from SAP Standard
    with regards,
    jayaprkash

    Hi,
    Go to T-Codes  FBKP (General for all  )/ OBXR (for Customers) OBYR (for Vendors) for creating your own special GL indicator
    Lets Come to FBKP
    In FBKP there will be a selection box where you can select Automatic postings , Special GL Posting Keys etc... and can create the customised one as you require
    In case of Special GL Indicator Click on create ikon and Select the account type ( Vendor - k Customer -D , Asset - A Material - M etc .. ) Give special G L indicator , indicator name & Description
    Hope u are clear now
    Thanks & Regards
    Arun

  • How to create an attracting front panel

    Hello Experts,
    Kindly share, how to design a Good Look Front Panel that have a view of an Instrument.
    Thanks
    Solved!
    Go to Solution.

    Hi,
    We definitely need more information than that in order to help you.
    Here are a few general discussions of UI design:
    http://zone.ni.com/devzone/cda/pub/p/id/686
    http://decibel.ni.com/content/servlet/JiveServlet/previewBody/11977-102-2-21371/TS3402-SW.pdf
    http://zone.ni.com/devzone/cda/tut/p/id/5092
    This seems like it is more like what you might want, but it is hard to be sure:
    http://zone.ni.com/devzone/cda/tut/p/id/10355
    http://www.ni.com/labview/whatis/user-interface/
    or one of these:
    http://sine.ni.com/nips/cds/view/p/lang/en/nid/209118
    http://sine.ni.com/nips/cds/view/p/lang/en/nid/209119
    http://sine.ni.com/nips/cds/view/p/lang/en/nid/209120
    Thanks,
    D Smith

  • How to create a special effect for 'wipe' and 'wheel'

    New to Captivate. Recently purchased Captivate 7. I'm trying to obtain an object 'add effect' similar to the "wipe" (from left) and the "wheel" animation effects found in PowerPoint. I want to simulate hand-drawing an emphasis line under text. I have a .png graphic of a hand-drawn red line (transparent background) that I'd like to appear by "wiping" from left to right. The "stretch" effect (from left to right) found in Captivate's "Add Effect" doesn't look right; it's obviously a 'stretch' instead of a 'wipe'.  Likewise, I would like to hand-draw a circle or oval around certain text or other objects to draw attention to these items. The "wheel" animation in PowerPoint works perfectly for this.
    Is there a way to do this in Captivate? Maybe some variation of one of the built-in effects that I've missed? Camtasia Studio has "sketch motion graphics" built in - which also does this nicely.

    Thanks for the info on Infosemantics and their widgets. As a Newbie I wasn't aware of them and their cool, useful products. However, after going through all the tutorials I couldn't figure out how the 'slider' widget would serve my need to simulate a hand-drawn line, from left to right, under text on a Captivate 7 slide. Yes, it can be used to animate (or move) any object, but not to "reveal" an object like the "wipe" animation in other programs.
    I'm thinking now that it would be easier to just build an animated GIF or a small flash file to show a hand-drawn red line moving from left to right. I have Flash CS4 but have never used it. Something else new to learn.
    Thanks again.

  • How do I create a soft front panel in LabVIEW?

    I am experienced with creating VXIPlug&Play drivers for test and measurement equipment. Now I need to create one with a soft front panel. Is there a tutorial that explains how to create the soft front panel? Or could you point me in the right direction? Thanks, Susan

    I did a search on google and came up with this link:
    http://www.vxipnp.org/vpp7.pdf
    Chris_Mitchell
    Product Development Engineer
    Certified LabVIEW Architect

  • Collapsible Panels - Links to open one, and close others

    Hi,
    I am new to Dreamweaver and have been creating my site by
    learning as I go along. I have already read through all the other
    related topics associated with Collapsible Panels on this blog and
    have still not found an answer. I have been able to open and close
    Collapsible Panels by using links - but unfortunately, I need more
    than just opening and closing.
    On my site i have approximately 5 pages, all with the same
    header and Menu bar. The Information (that i have presented in
    numerous Collapsible Panels) does however vary from page to page.
    What I need to try and figure out is:
    How can I open one collapsible panel and close all others? I
    have seen the one example which leads to my next question:
    How can I group Panels? Some examples of how to open one and
    close all others use this grouping. Is there any other way of
    opening one and closing all others without grouping?
    Lastly, is it possible to set up a link that can be viewed on
    one page which when clicked opens the relevant page and collapsible
    panel? i.e. on my About Us page there is a link (using the Menu
    bar) for one of my several services on the services drop down menu
    (but services is on a different page with the same setup). When a
    viewer clicks on the specific service, is it possible to get the
    site to open the services page, and open the relevant collapsible
    panel (with all other Panels closed)?
    Any assistance would be greatly appreciated - I have been
    searching for days now and cannot seem to find any
    answers/directions in laymans terms.
    Kind regards,
    John

    wlsjoh013 wrote:
    > Hi,
    >
    > I am new to Dreamweaver and have been creating my site
    by learning as I go
    > along. I have already read through all the other related
    topics associated
    > with Collapsible Panels on this blog and have still not
    found an answer. I
    > have been able to open and close Collapsible Panels by
    using links - but
    > unfortunately, I need more than just opening and
    closing.
    >
    > On my site i have approximately 5 pages, all with the
    same header and Menu
    > bar. The Information (that i have presented in numerous
    Collapsible Panels)
    > does however vary from page to page. What I need to try
    and figure out is:
    >
    > How can I open one collapsible panel and close all
    others? I have seen the one
    > example which leads to my next question:
    This page has an example that has a link that can open and
    close a panel:
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/collapsible_panel_sample. htm
    One way to do this would be to have a single link that would
    open one of your panels using the code, but then add to it code
    that closes each of the other panels, for example:
    <a href="#"
    onclick="CollapsiblePanel4.open();CollapsiblePanel5.close();CollapsiblePanel6.close();">O pen
    4, close 5 and 6</a>
    To make this work, you'll need to look that the panel
    constructors at the bottom of your page and make sure to match up
    the panel variable names i.e. "var CollapsiblePanel1 =...." the
    variable is CollapsiblePanel1.
    You could also write a function that gathers together the
    various panels you have on the page and then pass to it only the
    panel that you want kept open. For now, though, it might be best to
    use the above method, given your expertise. And taking that even
    further, you could apply the function call unobtrusively. Both the
    function call and the unobtrusive part you can work on later to get
    this working for now.
    > How can I group Panels? Some examples of how to open one
    and close all others
    > use this grouping. Is there any other way of opening one
    and closing all
    > others without grouping?
    This is a little confusing, on one hand you ask about how to
    group, but then ask how not to group. There is a concept of a
    collapsible panel group:
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
    But there is another type of group, that may be more what
    you're looking for, and that's an Accordion panel, which is similar
    to the collapsible panel group, with the exception that it can only
    have one panel open at a time.
    > Lastly, is it possible to set up a link that can be
    viewed on one page which
    > when clicked opens the relevant page and collapsible
    panel? i.e. on my About Us
    > page there is a link (using the Menu bar) for one of my
    several services on the
    > services drop down menu (but services is on a different
    page with the same
    > setup). When a viewer clicks on the specific service, is
    it possible to get
    > the site to open the services page, and open the
    relevant collapsible panel
    > (with all other Panels closed)?
    Probably the easiest way to do this particular one would be
    to make sure that you have all of the panels set to be closed when
    the page loads, and then take a look at the code for the last
    example on this page:
    http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html
    That example uses a tabbed panel, but the concept is the
    same, use a URL parameter to determine what to show. You'll need to
    link in the SpryURLUtils file in the Spry download package (look in
    the includes folder):
    http://labs.adobe.com/technologies/spry/home.html
    Essentially, your link will look similar to:
    sample.html?panel=1
    Then your code could look something like:
    var params = Spry.Utils.getLocationParamsAsObject();
    var CollapsiblePanel1 = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
    {contentIsOpen:(params.panel==1 )} );
    var CollapsiblePanel2 = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel2",
    {contentIsOpen:(params.panel==2 )} );
    Basically what this is doing is creating an object from the
    URL parameters. Then for each of the panels the constructor has
    code that determines whether or not to expand the panel when the
    page loads. So it checks the value of params.panel to see if it
    matches 1 (for the first one), if it does, then that means that
    contentIsOpen is set to true, if it is some other number or is not
    present at all, then that means that the panel is closed. This
    would then be repeated down the line for how ever many panels you
    want to operate like that.
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • Spry Collapsible Panel problem

    Hi there,
    I've tried to create a few collapsible panels but I have come across a problem. When I checked the error debugger in FF, I get an issue that states "Spry undefined". I have checked a few of the forums on this and I have tried some of the solutions but still find myself stuck.
    http://tailoredart.ca/Mesco/default.html
    Please help.
    Thanks!

    That error means you Spry files cannot be found did you upload all 
    files to your server? If yes, than post a online.

  • Spry collapsible panel fix for IE

    hey
    anyone out there knows how to fix the spry collapsible panels to work properly on IE ?
    Firefox is perfect  but  they appear and stay open even when clicked
    how could i make them appear closed and open only if clicked, close again when clicked to close? just like firefox
    ( http://www.pupr.edu/template )

    Remove the empty element
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li class="MAINbtn"><a href="index.asp">Deanship</a></li>
      <li class="MAINbtn"><a href="research.asp">Research</a></li>
      <li class="MAINbtn"><a href="faculty.asp">Faculty</a></li>
      <li class="MAINbtn"><a href="labs.asp">Labs</a></li>
      <li class="MAINbtn"><a href="events.asp">Events</a></li>
      <li class="MAINbtn"><a href="students.asp">Students</a></li>
      <li class="MAINbtn"><a href="Programs2.asp">Programs</a>    </li>
      <!-- <li>
      </li> -->
    <li class="MAINbtn" style="margin-left:400px"><a href="interested.asp">Interested ?</a></li></ul>
    and remove the unused CollapsilbePanel1 constructor
    <script type="text/javascript">
    <!--
    // var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
    var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
    var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
    var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
    var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});
    //-->
    Gramps

  • Spry collapsible panel with spry data

    I have created a spry collapsible panel and wanted to put
    srpy data in it, to dynamically load.
    i also want to hide the entire panel if no data is available.
    It will show the data, but the click to open/close does not
    work.
    here is the code.

    I have made some progress, thanks, however im still getting
    some odd formatting issues, for example, the 1st panel shows with
    different design to the rest of the panels.
    this is my code;
    <div id="region" spry:region="ds1">
    <div id="repeat" spry:repeat="ds1">
    <div id="CollapsiblePanel{ds_RowID}"
    class="CollapsiblePanel">
    <div class="CollapsiblePanelTab"
    tabindex="{ds1::ds_RowID}"> <h1>{title} - last amended
    {amended}</h1></div>
    <div
    class="CollapsiblePanelContent"><strong>{message}</strong>
    Added by <strong>{owner}</strong> on
    <strong>{added} </strong>(REF:
    <strong>{id}</strong>) <a href="/service/index.asp"
    target="_self">View full details</a></div>
    </div>
    <script type="text/javascript">
    <!--
    var CollapsiblePanel{ds_RowID} = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel{ds_RowID}");
    //-->
    </script>
    As you can see, I am inserting {ds_RowID} in the variable
    name, in order for the panels to operate independantly, however
    have I coded it correctly?

  • Google map data not displaying correctly in a spry collapsible panel

    I created a spry collapsible panel into which I've put google map data. The map placed in the collapsible panel looks and functions OK but shows my location in the wrong place. I tested it by putting exactly the same google map elsewhere on my page and this time it displays my location correctly. Here is a link to my test page: http://www.cornucopia-design.co.uk/BatimTest/map3test.html . Mouse over the 'view our location' link to see the incorrectly located map. It places my location in the top left corner rather than in the centre.  When you click on google's 'view larger map' links, they both then display the location identically. Anyone have any ideas about what's going on here? Is the coding for the collapsible panel doing something to the google code? I'm not a great code expert so any help would be greatly appreciated. Thanks

    Hello, thank you for your helpful comments. At least I now won't waste any more time trying to get this to work if it just won't... I'll just have to display the map in another way.
    Just a point about your suggestion of offsetting - I had thought of that but if I did that, when someone clicked on the map, they would be taken to the wrong place as, as I said, even though it displays incorrectly in my panel, the data IS correct and therefore correctly linked back to google maps.
    Thanks anyway.

  • How to create Labview User Interface with buttons?

    Hello,
    I try to create a user interface, where the TestStand sequencies can be selected one by one not only Test UUT, Single run and run Mainsequence (about 20 buttons needed).
    I'm playing with the simple UI shipped with TS and can load the sequence file and run automatically a sequence (Main or another).
    How can I create and assign buttons to all sequence files in my TS project?
    Any help would be appreciated.
    Thanks. (TS 4.0, LV 8.0)

    I've modified my main VI with the below steps.
    I still don't know how to create and assign front panel buttons to the user interface.
    Anybody could explain to me how do I need to modify the attached part of my main vi and how to assign buttons.
    Thanks.
    Attachments:
    InteractiveArgs_2.png ‏12 KB

Maybe you are looking for