How do I create a scrolling menu?

I have a very long list of items to be put in a sub menu. I'd like the menu to have the option to scroll. Any ideas or creative solutions on how to build this? Here is a website that has a scrolling menu.
http://www.faustltd.com/#/work/featured/katrin-schnabl/look-book
I know that I can insert a HTML scrolling textbox but the standard scrollbar is very outdated looking and not very designer friendly when I'm having to link each item to a page or slide.
Another scrolling menu option is a popup menu that scrolls like the attached screen shot.
I'm open to creative solutions! Much thanks!

In my opinion depending on what content you have for your menu you may be best off using the tooltip widget where you can make the drop menu as large or small as you need.
You can take a look at the way Muse Grid did it this widget ... I think it would work quite well for almost any situation.
http://www.musegrid.com/adobe-muse-widgets/menu-pack-one

Similar Messages

How do I create a context menu in the new CL_SALV

I like a function xx in context menu. How do I create a context menu in the CL_SALV ?
thank you!
CLASS lcl_event_handler DEFINITION.
PUBLIC SECTION.
    TYPES: t_proc TYPE zmp_c00_pr_d,
           tt_proc TYPE STANDARD TABLE OF t_proc,
           tt_proces_subpr TYPE TABLE OF ltyp_proces_subpr.
    CLASS-DATA: lr_context TYPE REF TO cl_gui_alv_grid,
    r_selections TYPE REF TO cl_salv_selections,
    lr_menu type ref to cl_ctmenu.
    CLASS-METHODS: main CHANGING ct_zmp_c00_pr_d TYPE tt_proc
                                 ct_proces_subpr TYPE tt_proces_subpr
                                 cv_screen TYPE i.
PRIVATE SECTION.
    CLASS-DATA lt_zmp_c00_pr_d TYPE TABLE OF zmp_c00_pr_d.
    CLASS-DATA ls_process TYPE zmp_c00_pr_d.
    CLASS-METHODS: handle_double_click
               FOR EVENT double_click OF cl_salv_events_table
               IMPORTING row column,
               detail
               IMPORTING l_objkey TYPE zmp_c00_pr_d-objkey.
ENDCLASS.                    "lcl_events DEFINITION
* CLASS lcl_event_handler IMPLEMENTATION
CLASS lcl_event_handler IMPLEMENTATION.
METHOD main.
    DATA: lr_alv TYPE REF TO cl_salv_table,
          lr_events TYPE REF TO cl_salv_events_table,
          lr_columns TYPE REF TO cl_salv_columns,
          lt_col_tab TYPE salv_t_column_ref.
    FIELD-SYMBOLS <column> LIKE LINE OF lt_col_tab.
    IF r_container IS INITIAL.
      CREATE OBJECT r_container
        EXPORTING
          container_name              = 'CONTAINER'
        EXCEPTIONS
          cntl_error                  = 1
          cntl_system_error           = 2
          create_error                = 3
          lifetime_error              = 4
          lifetime_dynpro_dynpro_link = 5
          OTHERS                      = 6.
      IF sy-subrc <> 0.
        MESSAGE i004(z_pm_tool).
      ENDIF.
*Für Dynpro 1400
      IF cv_screen = '1400'.
        TRY.
            CALL METHOD cl_salv_table=>factory
              EXPORTING
*    list_display   = IF_SALV_C_BOOL_SAP=>FALSE
                r_container    = r_container
              IMPORTING
                r_salv_table   = r_alv
              CHANGING
                t_table        = ct_proces_subpr.
          CATCH cx_salv_msg .
        ENDTRY.
        TRY.
* zeige die Daten
            r_alv->display( ).
            IF sy-subrc NE 0.
              MESSAGE i001(z_pm_tool).
            ENDIF.
          CATCH cx_salv_msg.
        ENDTRY.
      ENDIF.
* Für Dynpro 1100
      TRY.
          CALL METHOD cl_salv_table=>factory
            EXPORTING
*    list_display   = IF_SALV_C_BOOL_SAP=>FALSE
              r_container    = r_container
            IMPORTING
              r_salv_table   = r_alv
            CHANGING
              t_table        = ct_zmp_c00_pr_d .
        CATCH cx_salv_msg .
      ENDTRY.
      TRY.
* zeige die Daten
          r_alv->display( ).
          IF sy-subrc NE 0.
            MESSAGE i001(z_pm_tool).
          ENDIF.
        CATCH cx_salv_msg.
      ENDTRY.
*Ereignisobjekt holen
      lr_events = r_alv->get_event( ).
** get the SELECTIONS object
*r_selections = r_alv->get_selections( ).
* Interne-Tabelle füllen und an die Methode handle_double_click übergeben
      LOOP AT ct_zmp_c00_pr_d INTO ls_process.
        APPEND ls_process TO lt_zmp_c00_pr_d.
      ENDLOOP.
* Zeiger auf Container für Kontexmenu
      CREATE OBJECT lr_context
        EXPORTING
          i_parent = r_container.
      DATA: lt_events TYPE cntl_simple_events.
      CALL METHOD lr_context->set_registered_events
        EXPORTING
          events                    = lt_events
        EXCEPTIONS
          cntl_error                = 1
          cntl_system_error         = 2
          illegal_event_combination = 3
          OTHERS                    = 4.
      IF sy-subrc <> 0.
* MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
*            WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
      ENDIF.
* Interne-Tabelle füllen und an die Methode handle_double_click übergeben
      LOOP AT ct_zmp_c00_pr_d INTO ls_process.
        APPEND ls_process TO lt_zmp_c00_pr_d.
      ENDLOOP.
* Event: Add Function
      SET HANDLER: on_added_function FOR lr_events.
* Event: Kontexmenu
*      SET HANDLER: on_context_menu_request FOR lr_context.
* Event: Doppelklick
      SET HANDLER handle_double_click FOR lr_events.
* get the SELECTIONS object
      r_selections = r_alv->get_selections( ).
* Einzelne Spalte holen
      lr_columns = r_alv->get_columns( ).
* Doppelklick funktioniert nur auf das Feld OBJKEY
      LOOP AT lt_col_tab ASSIGNING <column>.
        <column>-r_column->set_output_length( 20 ).
        IF <column>-columnname = 'OBJKEY'.
          <column>-r_column->set_visible( 'X' ).
        ELSE.
          <column>-r_column->set_visible( ' ' ).
        ENDIF.
      ENDLOOP.
      IF lt_col_tab IS NOT INITIAL AND sy-subrc <> 0.
        MESSAGE i002(z_pm_tool).
      ENDIF.
    ENDIF.
ENDMETHOD.                    "main
METHOD handle_double_click.
    FIELD-SYMBOLS <fs_zmp_c00_pr_d> TYPE zmp_c00_pr_d.
    READ TABLE lt_zmp_c00_pr_d INDEX row ASSIGNING <fs_zmp_c00_pr_d>. " vor dem Changing Parameter der Klasse
*    READ TABLE ct_zmp_c00_pr_d INDEX row ASSIGNING <fs_zmp_c00_pr_d>.
    IF sy-subrc <> 0.
      RETURN.
    ENDIF.
    IF column = 'OBJKEY'.
      lcl_event_handler=>detail( <fs_zmp_c00_pr_d>-zz_slotid_a ).
    ENDIF.
ENDMETHOD.                    "handle_double_click
METHOD detail.
    DATA: lr_alv TYPE REF TO cl_salv_table,
          lt_alv_tab TYPE TABLE OF zmp_p00_sp_d.
* Subprozess holen
    SELECT * FROM zmp_p00_sp_d INTO TABLE lt_alv_tab
      WHERE objkey = l_objkey.
    IF sy-subrc <> 0.
      MESSAGE i003(z_pm_tool).
    ENDIF.
    TRY.
* Neu erzeugte Instanz für ALV-Tabellenobjekt holen
        cl_salv_table=>factory( IMPORTING r_salv_table = lr_alv
                                 CHANGING t_table = lt_alv_tab ).
* Ausgabe Fenster für SubScreens
        lr_alv->set_screen_popup( start_column = 1
                               end_column = 130
                               start_line = 1
                               end_line = 10 ).
* Anzeige der Daten
        lr_alv->display( ).
        IF sy-subrc <> 0.
          MESSAGE i001(z_pm_tool).
        ENDIF.
      CATCH cx_salv_msg.
    ENDTRY.
ENDMETHOD.                    "detail
ENDCLASS."lcl_event_handler IMPLEMENTATION
Edited by: polaris1 on Dec 15, 2010 12:18 PM

Can't read that jumble, but suggest you look at the excellent SALV tutorials by Rich Heilman by searching for SALV tutorial on SCN. You'll find working code and how-to for adding your own functions to SALV.

How do you create a scrolling banner in Dreamweaver CS4?

How do you create a scrolling banner/marquee in DreamWeaver 4? I can't find anything about scrolling banners in the documentation or in the several books I've searched. Thanks.

Dreameaver can't create something like that out of the box, you need to use some type of script for the 'scrolling' to work.
This is pretty good, with lots of variations:
http://sorgalla.com/jcarousel/
You may find something listed here that may give you an idea:
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-ligh tbox-solutions/
or go over to www.jquery.com (that's one of the popular frameworks being used at the moment for image slidehows/banners/galleries etc).
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap

How can I create a scrolling effect where when the user scrolls down the image will blur out?

How can I create a scrolling effect where when the user scrolls down the image will blur out?

Hi there,
You can create a scroll motion where the image will fade out on scrolling, you need to use the Opacity tab under Scroll Effects Panel.
If you particularly need the image to be blur out, then you need to edit that image in any image editing program and make one copy of that image as blurred, then place both images (actual and blurred) on that page and use scroll motion or fade option to replace images.

How do I create a scrolling slideshow in iMovie?

So I know how to make a basic slideshow in iMovie, but I'd like to create a "scrolling/sliding" slideshow (see link: http://www.youtube.com/watch?v=CXit8kxCCTg). That video uses videos, however, I'm using still pictures. The pictures can all just be side by side too, they don't have to stack like one on top of the other (I'll edit all my photos before hand to make them the same height). I'm using iMovie '11. I'll probably have 150-300 pictures all together. I'd also love to add a timeline to the bottom of the pictures to scroll with the pictures...should I just add that in to each individual picture before hand, and then put it all into iMovie, or can I do it all in iMovie? Also, towards the end of that youtube video, it all starts scrolling backwards....is there a way to do this???
Basically, I'd like to create a scrolling picture timeline with continuous text scrolling across the bottom that I can also play in reverse. Is this even possible in iMovie? Any help with this would be GREATLY appreciated. This is time sensitive. I really need to know how to do this by Friday. THANKS!!!!!

I agree with John that you could do this in Final Cut Pro X and Motion, but there is probably a plugin that you can purchase that would do the hard work in Motion for you.
I think it might be technically possible to do this in Motion and export out in a file that iMovie can import, but in the video example, there is a lot more going on such as multicam syncing that would require Final Cut Pro X. Motion's strength is not to use it as a video editor. It is best used as a way to create a special effect that you can then use in a FCPX project. (just my opinion)
Here are some example of FCPX plugins. There are hundreds more.
http://www.fcp.co/final-cut-pro/news/1065-animated-panel-transitions-with-the-pa nel-pop-plugin-for-final-cut-pro-x
http://www.fcp.co/final-cut-pro/news/1011-pixel-film-studios-release-final-cut-p ro-x-plugin-proslice-for-split-screen-work

How can you create a spry menu bar with no background colour?

How can you create the first level of a spry menu bar to have no colour? I have a coloured background right now and the colour matches when you load the site in Internet explorer but does not match in Firefox. Any suggestions are welcomed on how to fix this.
Thanks!
HK

Here is the site:
http://partnersnaturally.ca/
I am learning with code, (obviously) so any feedback would be nice. I use dreamweaver CS4, but when I originally designed the site it was in a much older version of dreamweaver. I wonder if that could also be a cause. (besides human error)
Thanks again,
HK

How do I create a context menu in the new ALV object model (cl_salv_table)?

Hi,
Does anyone know how to create a context menu (right click on line or field) in the new ALV object model (class CL_SALV_TABLE)?
Thanks in advance
Keld Gregersen
PS: In the past we could use event CONTEXT_MENU_REQUEST in class CL_GUI_ALV_GRID, so it must be possible

I don't think there's "any such animal" in the new class. I'm not 100% certain however but the new class is only useful for fairly simple display only type grids.
There's no edit capability either.
I'd stick with cl_gui_alv_grid until there's some decent extra functionality in the cl_salv_table class.
It's fine for quick "bog standard" displays as it doesn't need a field catalog or any screens to be created by the user or developer - but you pay a price for that in limited fnctionality.
Cheers
jimbo

FAQ: How can I create a scrolling gallery of images?

You can use Flash Catalyst to create galleries, for example a scrolling list of thumbnails that display larger images when clicked. Here are some tutorials that explain how:
Create a photo gallery (using list interactions), on the FlashCats blog
Create a data list component -- Don't let the title scare you, a "data list" is a really powerful component to get to know better; it enables creation of very creative visual things like galleries. When you need repeating items, consider using a data list.

Hi there,
You can create a scroll motion where the image will fade out on scrolling, you need to use the Opacity tab under Scroll Effects Panel.
If you particularly need the image to be blur out, then you need to edit that image in any image editing program and make one copy of that image as blurred, then place both images (actual and blurred) on that page and use scroll motion or fade option to replace images.

How can i create a panel menu?

As i know,configrator is only can create an "About" menu.
How can i create more menu?
Thanks!

Those panels are created with Extension Builder programically. You need to program in ActionScript to create the menus.

FAQ: How do I create a scrolling panel in Flash Catalyst?

A common challenge in web design is finding space in the available window to display all of the necessary content. One solution is to create scrolling panels. A panel creates a well-defined container for content in the user interface. By adding scrolling content and a scroll bar, you can place a large amount of information in a limited space. To create a scrolling panel in Flash Catalyst, you need:
An object to define the panel area, such as a rectangle shape (optional)
Scrolling content, such as a long block of text or a series of images (required)
A scroll bar used to scroll the content (recommended)
Follow these steps in Flash Catalyst Help to create a scrolling panel:
Create a scroll panel component
There are also video tutorials showing examples of different scrolling panels:
Creating a scroll panel in Flash Catalyst, by Doug Winnie
Create a scrolling text panel in Flash Catalyst, by Terry White

Thank You, Thank You,
Thaqnk You
Allen D. Macfalda

Using fluid grid layout in Dreamweaver CC - how do I create a dropdown menu within my main navigation?

I am new to using the responsive fluid grid layouts in Dreamweaver CC - and I am unable to find any information on creating a dropdown menu within my main navigation.
Any ideas?

You'll need to find a menu system that is responsive and mobile friendly for touch screen devices.
If you have a budget to work with, Project Seven's Pop-Menu Magic3 is a commercial extension for DW that works great out of the box.
http://projectseven.com/products/menusystems/pmm3/index.htm
If you don't have a budget, you'll need to create a desktop menu and add a jQuery plugin for mobile devices.
Basic CSS Drop Menu
http://jsfiddle.net/mD4zW/28/
jQuery MeanMenu for mobile/tablet devices
MeanThemes | MeanMenu
This is a working example inside a FluidGrid Layout (resize viewport)
Alt-Web :: Fluid Grid Test
Nancy O.

How do I create dynamic scrolling text in Flash CS5?

Hi everyone,
I am a complete newbie to Flash. I'm tyring to build a scrolling text box that automatically scrolls. On mouse over, I want the scrolling to stop so users can click on an item in the text box. All of the items will be tied to external hyperlinks. I want to populate the text box with an external file. I've done some searches on Adobe, but haven't found anything that takes me through the whole process.
I have the complete Adobe Master Collection. So if this is easier in Flash Catalyst, let me know. I know how to buid a manual scroll box in Flash Catalyst. Could I export this to and add the auto-scrolling?
Remember, I'm a complete newbie.
Any help will be greatly appreciated.
Thanks!

Thanks again Kglad,
I really have no preference of Action Script since I don't have any significant experience with either one.
I'll keep doing searches to see if I can get the information I need.
Have a great holiday.

How do I create a main menu?

I want to create a main menu so I can access three different vi's.

Hi,
Have you tried the examples installled with your labVIEW.
Look under Build User Interfaces | Menus and Toolbars.
The example Dynamic Insert Demo.vi is a good place to start.
Regards
Ray Farmer
Regards
Ray Farmer

How do I create a scrolling marquee in a header?

I need to create a scrolling banner on my index page. I tried looking thru all the options in dreamweaver with no luck. If someone can help me I would appreciate it.
Thanks
Allen D. Macfalda

Thank You, Thank You,
Thaqnk You
Allen D. Macfalda

How do i create infinite scroll on photo gallery

I want to create an infinite scroll like on tumblr like this website ( Lookbook Theme )

If the pictures are in your Camera Roll album, just tap the picture to bring up the menu and then tap the trash can.
If the pictures are in your Photo Library album, you have to remove the pictures from the folder on your computer that you're syncing your iPhone to, then re-sync the iPhone.

How do I create a scrolling menu?

Similar Messages

Maybe you are looking for