How to make a left slider?

The link below contains a slider on the left with title called "Menu" which can be clicked to make it go away and then back on.
http://apex.oracle.com/pls/otn/f?p=65555:54:289368566520602::NO:
How do I make it?

That one is done with ExtJS.
You can also do someting similar using jQuery Layout Plugin (see http://layout.jquery-dev.net/). An APEX demo is available at http://apex.oracle.com/pls/apex/f?p=41715:60. All panels are resize-able and you can click on a panel separator to show/hide a panel.

Similar Messages

  • How to make a round Slider with an image ?

    hello everybody,
    I'm back and i have a new question : how to make a round Slider (like a volume knob) with an image ?
    I see this very interisting tutorial : http://fxexperience.com/2012/01/fun-javafx-2-0-audio-player/ but it use a private class from com.sun.javafx.scene.control.skin.SkinBase...
    thank you for your answer.
    Gaëtan.

    I'm guessing you could subclass Slider to create a class SliderKnob.
    At some stage in the process, not sure where (perhaps after calling super in the constructor), you could look up the slider region's child thumbnail and track and call setVisible(false) and setManaged(false) on them, create an ImageView for your knob, add the knob ImageView to the slider's region and bind the ImageView's rotateProperty to the slider's valueProperty(). Not sure that that is any better than using the SkinBase stuff, but at least it is an alternative idea.
    Everything to create your own controls has not been added to the public API, so if you want to make your own controls in the same way the JavaFX does them (i.e. with Skin's and Behaviours and stuff like that) you have to make use of com.sun classes unless you can subclass and modify the workings of existing controls similar to what is proposed in the preceding paragraph.

  • How to make a left side menu?

    I need to know how to make a left side menu for my site,  can anyone help me? I am new to macromedia dreamweaver MX. Thanks

    I prefer to use CSS styled lists for menus.  Very easy to edit later.  Web friendly for people and search engines.
    EXAMPLE:
    http://alt-web.com/TEMPLATES/3-col-fixed-layout.shtml
    Several FREE CSS menu systems here.
    CSS Express Drop-Down Menus  (tutorial)
    http://www.projectseven.com/tutorials/navigation/auto_hide/
    CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus  (download)
    http://www.highdots.com/css-tab-designer/
    List-O-Rama  (DW Extension)
    http://www.dmxzone.com/go?5618
    CSS  Menu Maker (On-Line Menu Generator)
    http://www.cssmenumaker.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • How to make a cycle Slider

    Dear all friends,
    I'd like to make a circle slide ( Slider that on the shape of circle instead of vertical and horizontal Slider) like this one:
    http://www.spreadshirt.net/en/GB/Create-t-shirt/Create-your-own-59/
    Is there a ready Component on the web.
    If no, how can I make one.
    Thank you so much.

    SwapnilVJ ,
    please email me the attachment as I can't download it.
    Here is my email: [email protected]
    Thank you so much for helping me.

  • How to make  the last slide stay on the screen ?

    Hi,I need to make the last slide of my animation to remain on the screen when the animation ends and also when I export in a quick time movie .
    Does anyone can help me?

    A possible workaround would be to have something appear (like a shape) as a build outside the slide's viewing boundary (if you extend the size of the window, you'll see you have some workspace outside the slide) autmatically after the animation is finished, and set a delay time or build duration based on how long you need the slide to remain on the screen.  How this works will depend on your setup for quicktime export.

  • How to make a 3X3 Slider puzzle game?

    Hey guys, im new here and decided to make an account on here. Im coming to you guys for help. In my grade 12 infotech class, we were assigned a project dealing with 2d arrays but im having a bit of trouble doing this :S. It needs to do the required:
    1. Acquire an image
    2. Divide image into NINE separate images
    a. You will have a TENTH image that will represent the “removed” space
    3. Create TWO 2-D Image arrays
    a. One array will store the correct images as reference (use the array index as coordinates for the locations)
    b. One array will store the images mixed up
    4. Create ONE 2-D Boolean array
    a. This array will store the location of where the empty tile is since you actually don’t delete the image
    5. Create ONE 2-D Rectangle array
    a. This array will store the information for the tiles (width, height, x-start, y-start) you are moving
    6. Display the tiles in the right order for the correct image
    7. Create a button that will remove a random image-tile
    8. Allow the remaining pieces to be moved around (into the empty space) to mix up the picture
    9. Keep track of number of moves made
    10. Create a button that will indicate it’s the “Solver’s” turn
    11. Keep track of number of steps made to solve the puzzle
    12. Check if the pieces have been moved into the right locations
    13. If the puzzle is completed, add back in the removed piece
    14. Play sounds at appropriate times
    this is what ive gotten so far.. sorry if its a strain on the eyes.
    import java.awt.*;
    import java.applet.*;
    import java.awt.event.*;
    public class movingThingGame extends Applet implements ActionListener KeyListener {
         boolean[] keyUp;
         char Kp;
         //Store correct image co-ordinates
         Image[][] aImages;
         //Store mixed image co-ordinates
         Image[][] bImages;
         //Store location of blanked out image
         Boolean[][] cTile;
         //Store x,y,width,height
         Rectangle[][] dInfo;
         //Top Row
         Image zz; //0,0
         Image oz; //1,0
         Image tz; //2,0               
         //Middle Row
         Image zo; //0,1
         Image oo; //1,1
         Image to; //2,1
         //Last Row
         Image zt; //0,2
         Image ot; //1,2     
         Image tt; //2,2
         //Blank Square
         Image c;
         public void init() {
              keyUp=new boolean[4];
              for (int x=0;x<4;x++){
                        keyUp[x]=true;
              //Declare 2d array aImages have 3 by 3 perimeter
              aImages=new Image[3][3];
              //Top Row
              aImages[0][0]=getImage(getCodeBase(),"spiralTOPLEFT(0,0).gif");
              aImages[1][0]=getImage(getCodeBase(),"spiralTOPMIDDLE(1,0).gif");
              aImages[2][0]=getImage(getCodeBase(),"spiralTOPRIGHT(2,0).gif");
              //Middle Row
              aImages[0][1]=getImage(getCodeBase(),"spiralMIDDLELEFT(0,1).gif");
              aImages[1][1]=getImage(getCodeBase(),"spiralMIDDLEMIDDLE(1,1).gif");
              aImages[2][1]=getImage(getCodeBase(),"spiralMIDDLERIGHT(2,1).gif");
              //Bottom Row
              aImages[0][2]=getImage(getCodeBase(),"spiralBOTTOMLEFT(0,2).gif");
              aImages[1][2]=getImage(getCodeBase(),"spiralBOTTOMMIDDLE(1,2).gif");
              aImages[2][2]=getImage(getCodeBase(),"spiralBOTTOMRIGHT(2,2).gif");
         public void paint(Graphics g) {
              //TOP
              g.drawImage(aImages[0][0],20,98,128,128,this);
              g.drawImage(aImages[1][0],148,98,128,128,this);
              g.drawImage(aImages[2][0],276,98,128,128,this);
              //MIDDLE
              g.drawImage(aImages[0][1],20,226,128,128,this);
              g.drawImage(aImages[1][1],148,226,128,128,this);
              g.drawImage(aImages[2][1],276,226,128,128,this);
              //BOTTOM
              g.drawImage(aImages[0][2],20,352,128,128,this);
              g.drawImage(aImages[1][2],148,352,128,128,this);
              g.drawImage(aImages[2][2],276,352,128,128,this);
         public void update(Graphics g) {
              paint(g);
         public void actionPerformed(ActionEvent e) {
         public void keyPressed(KeyEvent event) {
              Kp=event.getKeyCode();
              if (Kp==37);{          //left               
                   keyUp[0]=false;
              else if (Kp==39);{  //right
                   keyUp[1]=false;
              else if (Kp==38);{  //up
                   keyUp[2]=false;
              else if (kp==40);{  //down
                   keyUp[3]=false;
              moveImage();
              repaint();
         public void KeyReleased(KeyEvent event) {
              Kp=event.getKeyCode();
              if (Kp==37);{
                   keyUp[0]=true;
              else if (Kp==39);{
                   keyUp[1]=true;
              else if (Kp==38);{
                   keyUp[2]=true;
              else if (Kp==40); {
                   keyUp[3]=true;
         public void moveImage() {
    }

    Hello, and welcome to the forum!
    Suggestions:
    1) Ask an actual question: the more specific your question, usually the more helpful the answer. This site can help you formulate questions here (I know because it's helped me): [smart questions|http://catb.org/~esr/faqs/smart-questions.html]
    2) when posting code here, please use code tags so that your code will retain its formatting and thus will be readable -- after all, your goal is to get as many people to read your post and understand your code as possible, right?
    To do this, highlight your pasted code (please be sure that it is already formatted when you paste it into the forum; the code tags don't magically format unformatted code) and then press the code button, and your code will have tags.
    Another way to do this is to manually place the tags into your code by placing the tag [cod&#101;] above your pasted code and the tag [cod&#101;] below your pasted code like so:
    [cod&#101;]
      // your code goes here
      // notice how the top and bottom tags are different
    [/cod&#101;]for example, which is easier to read, your post or this?
    import java.awt.*;
    import java.applet.*;
    import java.awt.event.*;
    public class movingThingGame extends Applet implements ActionListener KeyListener {
         boolean[] keyUp;
         char Kp;
         //Store correct image co-ordinates
         Image[][] aImages;
         //Store mixed image co-ordinates
         Image[][] bImages;
         //Store location of blanked out image
         Boolean[][] cTile;
         //Store x,y,width,height
         Rectangle[][] dInfo;
         //Top Row
         Image zz; //0,0
         Image oz; //1,0
         Image tz; //2,0               
         //Middle Row
         Image zo; //0,1
         Image oo; //1,1
         Image to; //2,1
         //Last Row
         Image zt; //0,2
         Image ot; //1,2     
         Image tt; //2,2
         //Blank Square
         Image c;
         public void init() {
              keyUp=new boolean[4];
              for (int x=0;x<4;x++){
                        keyUp[x]=true;
              //Declare 2d array aImages have 3 by 3 perimeter
              aImages=new Image[3][3];
              //Top Row
              aImages[0][0]=getImage(getCodeBase(),"spiralTOPLEFT(0,0).gif");
              aImages[1][0]=getImage(getCodeBase(),"spiralTOPMIDDLE(1,0).gif");
              aImages[2][0]=getImage(getCodeBase(),"spiralTOPRIGHT(2,0).gif");
              //Middle Row
              aImages[0][1]=getImage(getCodeBase(),"spiralMIDDLELEFT(0,1).gif");
              aImages[1][1]=getImage(getCodeBase(),"spiralMIDDLEMIDDLE(1,1).gif");
              aImages[2][1]=getImage(getCodeBase(),"spiralMIDDLERIGHT(2,1).gif");
              //Bottom Row
              aImages[0][2]=getImage(getCodeBase(),"spiralBOTTOMLEFT(0,2).gif");
              aImages[1][2]=getImage(getCodeBase(),"spiralBOTTOMMIDDLE(1,2).gif");
              aImages[2][2]=getImage(getCodeBase(),"spiralBOTTOMRIGHT(2,2).gif");
         public void paint(Graphics g) {
              //TOP
              g.drawImage(aImages[0][0],20,98,128,128,this);
              g.drawImage(aImages[1][0],148,98,128,128,this);
              g.drawImage(aImages[2][0],276,98,128,128,this);
              //MIDDLE
              g.drawImage(aImages[0][1],20,226,128,128,this);
              g.drawImage(aImages[1][1],148,226,128,128,this);
              g.drawImage(aImages[2][1],276,226,128,128,this);
              //BOTTOM
              g.drawImage(aImages[0][2],20,352,128,128,this);
              g.drawImage(aImages[1][2],148,352,128,128,this);
              g.drawImage(aImages[2][2],276,352,128,128,this);
         public void update(Graphics g) {
              paint(g);
         public void actionPerformed(ActionEvent e) {
         public void keyPressed(KeyEvent event) {
              Kp=event.getKeyCode();
              if (Kp==37);{          //left               
                   keyUp[0]=false;
              else if (Kp==39);{  //right
                   keyUp[1]=false;
              else if (Kp==38);{  //up
                   keyUp[2]=false;
              else if (kp==40);{  //down
                   keyUp[3]=false;
              moveImage();
              repaint();
         public void KeyReleased(KeyEvent event) {
              Kp=event.getKeyCode();
              if (Kp==37);{
                   keyUp[0]=true;
              else if (Kp==39);{
                   keyUp[1]=true;
              else if (Kp==38);{
                   keyUp[2]=true;
              else if (Kp==40); {
                   keyUp[3]=true;
         public void moveImage() {
    }Much luck!

  • Not sure how to make a navigational slider?

    Here is the code I started but I want to make a slider naviagation once the page is click then the page marker will move to what page I am on?
    import fl.transitions.Tween;
    import fl.transitions.easing.*;
    big_Square_Baling_mc = true;
    big_Square_Bale_Wrapping_mc = true;
    chopping_mc = true;
    tillage_mc = true;
    raking_mc = true;
    big_Square_Baling_mc.addEventListener(MouseEvent.CLICK, Big_Square_Baling);
    big_Square_Bale_Wrapping_mc.addEventListener(MouseEvent.CLICK, Big_Square_Bale_Wrapping);
    chopping_mc.addEventListener(MouseEvent.CLICK, Chopping);
    tillage_mc.addEventListener(MouseEvent.CLICK, Tillage);
    raking_mc.addEventListener(MouseEvent.CLICK, Raking);
    function Big_Square_Baling(e:MouseEvent):void

    your code doesn't reference marker_mc.  and actually, you're cross-posting.  please don't do that.
    continue on your other thread.  you're further along there.

  • How to make vintage prints slide show one photo at a time?

    Does anyone know to program the vintage prints slide show to display only one photo at a time?

    The slideshow templates are fixed and can't be changed.
    Alternatives to iPhoto's slideshow include:
    iMovie, on every Mac sold.
    Others, in order of price: PhotoPresenter  $29
    PhotoToMovie  $49.95
    PulpMotion  $129
    FotoMagico $29 (Home version) ($149 Pro version, which includes PhotoPresenter)
    Final Cut Express  $199
    It's difficult to compare these apps. They have differences in capability - some are driven off templates. some aren't. Some have a wider variety of transitions. Others will have excellent audio controls. It's worth checking them out to see what meets your needs. However, there is no doubt that Final Cut Express is the most capable app of them all. You get what you pay for.
    Regards
    TD

  • How to make JLabel Left Justified in Gridbag Layout?

    Hi Govind here I am using Gridbag layout and having Labels and TextBox . i want my All my Labels Left Justified (Currently they are RightJustified),I tried JLabel.Left but not working so any help most welcome............
    JLabel startDateLabel      = new JLabel("STARTDATE ",JLabel.LEFT);
              startDateLabel.setBorder( border );                                   
              //set the position of the label               
              gbc.fill = GridBagConstraints.NONE;
              usingGBC(startDateLabel,gbc,3,0,1,1.0);
                   //text field for start dat
    txtStartDate                = new JTextField();
              txtStartDate.setMinimumSize(minSize);
              txtStartDate.setPreferredSize( longField );
              txtStartDate.setEnabled( true);                    
              txtStartDate.setEditable(false);
              txtStartDate.setBackground(Color.WHITE);          
              gbc.fill = GridBagConstraints.HORIZONTAL;
              usingGBC(txtStartDate,gbc,4,0,2,1.0);
         here usingGBC is method as follows
    protected void usingGBC(Component com,GridBagConstraints gbc,int gx,int gy,int gwidth,double wx)
                   gbc.gridx = gx;
                   gbc.gridy = gy;
                   gbc.gridwidth = gwidth;
                   gbc.weightx = wx;
                   add(com,gbc);

    It seems you set the fill of the GridBagConstraints after you add the label. Either specify HORIZONTAL fill before adding the label or specify alignment for the constraints.
    Mike

  • How to make a question slide impossible to pass if unaswered

    Hi
    I am using captivate 7 trail, and soon will buy the full version if this feature is possible inside captivate.
    I am building a quiz, and I want the user to first, answer, see if he was right, and then go to the next question. I don't want the user to have the possibility to leave any question unanswered.
    In evere question slide there is a "next" button, and a "submit" button. The user can go back or forward and skip questions. Is there a way to keep the user in this question slide untill answered, or hide the "back" and "next" buttons" untill the questions is answered.
    This is really important for the way I'm using Captivae and it's a big deal breaker for us.
    Any help will be appreciated.
    TNX

    Michael, it was not mentioned, but that Next button is necessary if Preview will be included. That Next button is a Skip button during the Quiz, but needed during Review. You can also play with the stack order and hide the Next button under the Clear button.
    http://blog.lilybiri.com/question-question-slides-in-captivate

  • How to make a text "slide"

    I am creating a DVD that has several short movies on it. In addition to the movies, i would like to put a slide that has a bunch of informational text, set against a background. I tried doing it by creating the text slide in Powerpoint and saving as a movie. iDVD said that was an unsupported format even though it is a .mov file. So I opened the slide movie in Quicktime and exported it as a Quicktime movie. (Sounds redundant, doesn't it?) Then I was able to add it as a movie in iDVD.
    BUT, the only problem is when you open it (the movie) it shows up nicely, but has a lot of flicker when I view it on a TV.
    I tried to reduce the flicker by importing it into Final Cut Pro, but the file was not supported. So i imported into iMovie, then exported, then imported into FCP. I added deinterlace and flicker filters and exported it. Then when I added it to the iDVD, the text looked completely choppy and ugly!!!
    Any suggestions?

    J Keller wrote:
    Create a 720x480 (for NTSC) image; and save it as a jpeg.
    Create a 640x480 image. iDVD will do the conversion from computer pixel to NTSC "pixel" for you. If you start with 720x480, the image will end up squished or maybe it is stretched, but either way, iDVD expects 640x480 as "native" input and will do the conversion for TV sets behind the scenes.
    Patrick

  • How to make an image slide/swipe effect like in #selfie

    Please see http://forums.adobe.com/thread/1444012 - a question (it was mentioned there that AE will do better for what I want to do so I am posting the link here)
    What I want to do is to replicate the image slide/zoom/swipe that you can see in the video.
    Can you please help me get started on the right path?  I am new in AE and need a bit of a start - i.e. if you were to do it, what technique would you approach it with? 
    I can probably manage to do one or two manually, but my issue is that there are so many (similar) effects and I don't want this video to become a daunting chore, so looking for a way to do this very easily somehow. 
    And this is why I am posting - to hopefully find the technique to do this effect right and a do it lot without realizing it is too difficult and giving up ...!

    Thanks
    but I'm sorry .. is there a good tutorial I can read on this?  I am not verse on basics of AE.  I have been working mostly with Premiere.
    I will appreciate some direction even if it's basics.                     

  • How to make the server slide form validation using JSP?

    anyone knows how to do server-side form validation??
    Thanks in advanced

    try this way
         //create a validation java class in that class u create separate methods for validating
         for example if u want to validate that a particular text box should not be empty
         then u can try this way
         say like this
         class ServerValidation()
         boolean message=false;
         public static boolean isTextBoxEmpty(String value)
         if(value.length<1)
         System.out.println("Text box is empty");
         message=false
         else
         message=true
         return message
    now say u r having a html page in which there is a text box on submiting u call say validate.jsp
    in this jsp u write this way
    <%
    String message=request.getParameter("name of ur text box");
    boolean b=ServerValidation.isTextBoxEmpty(message)
    if(b)
    //valid is true do ur other activity
    else
    String messageToUser="Please Enter Some value"
    u can now display this message on jsp and create a back button
    %>
    hope its clear

  • How to Make a Flash Slide Show?

    I am new to flash and need to know how to build a slideshow that has 1 or 2 rows going up and down and then when you click on the picture it pops up huge next to the 2 rows? Can anyone help? thanks.

    http://www.google.co.in/#hl=en&source=hp&q=republic+of+code+xml+gallery&oq=republic+of+cod e+&aq=1&aqi=g10&aql=1&gs_sm=c&gs_upl=120120l122229l0l135767l17l10l0l0l0l0l412l1811l4.2.3.0 .1l10&bav=on.2,or.r_gc.r_pw.&fp=bdf9e41683b1cd0a&biw=1024&bih=609

  • Scripting Bridge and Powerpoint, how to make new slide?

    I know how to make a new slide in an active presentation in Powerpoint. It works like this:
    tell application "Microsoft PowerPoint"
    set newSlideC to make new slide at before slide 2 of active presentation ¬
    with properties {layout:slide layout media clip and text}
    end tell
    (I stole this snippet from http://www.mactech.com/vba-transition-guide/index-094.html)
    Now I would like to do the same via Scripting Bridge in my Cocoa app.
    But I seem to be unable to find the appropriate classes, objects, methods, or properties in Powerpoint.h
    (which I created with this command:
    sdef /Applications/Microsoft\ Office\ 2008/Microsoft\ PowerPoint.app | sdp -fh --basename Powerpoint
    According to Script Editor's dictionary of Powerpoint, the "make" command is in the 'Standard Suite'.
    But I have no idea how to find it's defintion, let alone how to use it from my Cocoa application.
    Could somebody please give a hint to me?
    Since I'm not (yet) subscribed to the applescript-users mailing list, I am taking the liberty to post my question here.
    Thanks a lot in advance.
    Best regards,
    Gabriel.

    Hello
    You need to alloc and init to make an object instance in Scripting Bridge.
    See the following documents.
    Scripting Bridge Programming Guide for Cocoa
    http://developer.apple.com/mac/library/documentation/Cocoa/Conceptual/ScriptingB ridgeConcepts/
    Scripting Bridge Framework Reference
    http://developer.apple.com/mac/library/documentation/ScriptingAutomation/Referen ce/ScriptingBridgeFramework/
    Some sample codes
    http://developer.apple.com/mac/library/samplecode/SBSendEmail/
    http://developer.apple.com/mac/library/samplecode/SBSetFinderComment/
    http://developer.apple.com/mac/library/samplecode/ScriptingBridgeFinder/
    http://developer.apple.com/mac/library/samplecode/ScriptingBridgeiCal
    As for your example, code would be something like this.
    NOT TESTED AT ALL. AND PROBABLY IT'S WRONG IN PARTS.
    Just for showing the outline, hopefully.
    PowerPointApplication *powerpoint = [SBApplication applicationWithBundleIdentifier:@"com.microsoft.powerpoint"];
    [powerpoint activate];
    PowerPointSlide *s = [[[powerpoint classForScriptingClass:@"slide"] alloc]
    initWithProperties:
    [NSDictionary dictionaryWithObjectsAndKeys:
    @"slideLayoutMediaClipAndText", @"layout",
    nil]];
    [[powerpoint.activePresentation slides] insertObject:s atArrangedObjectIndex:0];
    Good luck,
    H
    Message was edited by: Hiroto (fixed typo)

Maybe you are looking for

  • Oracle 10g group by clause

    I have one SQL query using a GROUP BY clause and no ORDER BY clause is used. When executed in Oracle 8i, the query results are returned ordered by first column mentioned in the GROUP BY clause. When the same query is executed in Oracle 10g, the query

  • How to Cache Data  from database for java mapping ?

    Hi   I have a scenario where  i have to dynamically query  a huge table in some other database from java mapping code. Therefore instead of making a new Database trip everytime is there a mechanism by which i can cache the entire table contents into

  • Macbookpro 2.4 Intel Core I7 15 inch Mac OS X 10.07.04 Lion

    The internet (wi-fi) is always dropping out, time-out or very slow. Safari doesn't react any more. Very annoying. My wife is using a six year old i-mac with snow leopard and it has no problems. My daughter has an i-pad 3, no problems. I paid this mac

  • Can't open "sound" in system preferences

    Hello, I've had a problem with the earphone jack today.(A red light was appearing when i took off the earphones) Anyway i seem to fix it but i can't open Sound from System Preferences. It's like stucked. Everything else is working but i can't change

  • Assign UMR defaults to groups

    Hi everyone, quick question. I heard that it is possible to create a group and assign the UMR default tab attributes to this group. The idea being any user assigned to this group would inherit the defaults (date, language, decimal, time etc) assigned