Place an image inside the Accordion Panel

Hello

I would like to do something comparable to what has been done here - accordion (Widget Panel) by the team of Adobe Muse

but I just can't seam to be able to place the image inside the accordion, I can change color, gradient, change the size of text etc, but how to get a picture on the inside?

Is what I tried to create a status button then place my SVG graphics and panel inside the button accordion and it seams to be ok, but if you place the cursor on the SVG and click on it, nothing happens almost he avoid pressing the graph and simply press the bar of the accordion in order to develop ,

Thanks again,

For the content area, you can drag and drop and image and with the area of the label, you can use image fill.

Thank you

Sanjit

Tags: Adobe Muse

Similar Questions

  • Place the Image inside the outline of text?

    Using CS4. I think that place an image inside a text outline was simple enough, but I can't understand it. Tried to use Clipping Path command with text converted to outlines, but did not work. What is the secret? Thank you.

    Or you can create a pattern of the image by dragging the image to the swatch Panel and assign the model to the fill of the text attribute.

  • Danielle Beaumont has been a mobile video ' Design is fun! You want to bring up the menu even inside the accordion for the navigation panel. There are no on which left aside, as the way in which it has been triggered open with the icon. how he was placed

    1 Danielle Beaumont has been a mobile video ' Design is fun! You want to bring up the menu even inside the accordion for my own mobile navigation panel. He's left no aside, the way it has been triggered open with the icon; how he was placed to bump at the gap when selected via the icon; how it was considered first of all just a big green square; How the link boxes were made to be spaced as if they were... Can you direct me how to create it?

    2. also in trouble with the specification of fonts. There are times that I can choose a font from the list, I chose the additional fonts available and sometimes, when it just won't let me choose one, even if it is already used on the site or page.

    On a steep curve here, but any new information provide from my recent contact with Adobe has been extremely useful. My site is www.curricula101.com. It is much better than what it was when I called first a few days ago. Sales pages work fine now, thanks to your contribution.

    3. on the navigation path revised: a current question is menus horizontal separated for the GMAT and GRE goes everywhere at the top and bottom of the pages. I've specified particular States for text via the Site Properties > content > hyperlink styes on the default style. A bright color is chosen for the active state, but he does not like such (not at all). The other menu (home, Contact, schools etc.) made by the widget Menu runs perfectly until white color shows in the current page instance.

    There are a lot more refinement and content development to do for sales purposes.

    Thank you for your help.

    Best wishes to all at Adobe,

    Elleyne Kase

    Hi Elleyne,

    1. I have an article on the creation of an accordion menu on my site which may help. You can read it using the link below.

    How to create an accordion Menu in Adobe Muse | Creative muse

    2. I don't know too much talk of it. When you say additional fonts do you mean web fonts?

    3. see my reply in the thread below.

    Re: Text links not working properly - active or visited says doesn't work do not at all

    I hope this helps.

    David

    Creative muse

  • place an image on the block diagram

    Is there an easy way to place an image on the block diagram?

    To clarify, I would like one simple to paste a bmp or jpeg or png or other means on my block diagram to document the block diagram for future programmers.

    The way I currently accompish this is to create a constant of the photo on the diagram and running a vi separate to load an image in a window of the image, then using copy / paste to get the image in the photo correspondent in my block diagram.

    There's a way more simple, right?


  • Change the State of all the Image inside the list view toggle button when a list is tap

    Hi, please help, is there a way to change the State of a toggle button to image inside the listview where in when you type a list, the toggle button in the list state change and the other toggle button will be set to their default image? the list has a defined Image toggle button to check both...

    
    ListView {
    
                        layout: GridListLayout {
                            cellAspectRatio: 1.4
                        }
    
                        id: denominationList
                        dataModel: _model.denominationModel
    
                        listItemComponents: [
    
                            ListItemComponent {
    
                                id: component
                                type: "item"
                                CustomListItem {
    
                                    id: itemRoot
                                    dividerVisible: false
                                    highlightAppearance: HighlightAppearance.None
    
                                    Container {
                                        id: fieldContainer
                                        topPadding: 5
                                        leftPadding: 10
                                        rightPadding: 10
                                        bottomPadding: 5
                                        //maxWidth: 270
    
                                        layout: DockLayout {}
    
                                        Container {
                                            id: amountContainer
                                            //topPadding: 
    
                                            layout: DockLayout {}
                                            background: Color.create("#ffffff")
                                            horizontalAlignment: HorizontalAlignment.Center
                                            verticalAlignment: VerticalAlignment.Center
    
                                            ImageView {
                                                id: amountBorder
                                                preferredWidth: 400
                                                imageSource: "asset:///images/flux/amount-border-other.png"
                                            }
    
                                            Container {
                                                horizontalAlignment: HorizontalAlignment.Center
                                                verticalAlignment: VerticalAlignment.Center
                                                layout: StackLayout {
                                                    orientation: (!(ListItemData.name > 4) ? LayoutOrientation.TopToBottom : LayoutOrientation.LeftToRight)
                                                }
    
                                                Container {
                                                    horizontalAlignment: HorizontalAlignment.Center
                                                    verticalAlignment: VerticalAlignment.Top
                                                    visible: (ListItemData.name.length > 4)
    
                                                    preferredHeight: 60
    
                                                    Label {
                                                        id: loadPromoName
                                                        textFit.mode: LabelTextFitMode.FitToBounds
                                                        //multiline: true
                                                        visible: (ListItemData.name.length > 4)
    
                                                        textStyle{
                                                            fontSize: FontSize.Medium
                                                            fontWeight: FontWeight.W300
                                                            color: Color.create("#b9babe")
                                                            textAlign: TextAlign.Center
                                                        }
    
                                                        text: ListItemData.name
                                                    }
                                                }
    
                                                Container {
                                                    verticalAlignment: VerticalAlignment.Center
                                                    topPadding: 8
                                                    rightPadding: 0
                                                    ImageView {
                                                        visible: (ListItemData.name.length <= 4)
                                                        preferredHeight: 40
                                                        imageSource: "asset:///images/flux/pesosign-amount.png"
                                                    }
                                                }
    
                                                Container {
                                                    verticalAlignment: ((ListItemData.name.length > 4) ? VerticalAlignment.Center : VerticalAlignment.Bottom)
                                                    horizontalAlignment: HorizontalAlignment.Center
                                                    leftPadding: 0
    
                                                    Label {
                                                        id: amountLabel
                                                        textFit.mode: LabelTextFitMode.FitToBounds
    
                                                        textStyle{
                                                            fontSize: FontSize.XLarge
                                                            fontWeight: FontWeight.W300
                                                            color: Color.create("#b9babe")
                                                            textAlign: TextAlign.Center
                                                        }
    
                                                        text: ListItemData.amount
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        ]
                        onTriggered: {
                            var selectedItem = dataModel.data(indexPath);
    
                        }
                    }
                }
    

    link the button to a property of an element, and then change all the elements in the datamodel. ListView reflects these changes.

  • How to put the image inside the image of the desktop

    Hi team,

    I'm on MAC and I wonder if you could please help by telling step-by-step how to insert the image inside the desktop image in Photoshop. Thank you much in advance.

    Basically what you are looking for, it's transform freely. I hope this video helps.

  • rotate the Accordion Panel

    Hi, I'm new to Muse, I wish I could rotate the accordion panel so that the content opens from the bottom up. I turned the content in the Panel and it extends from the bottom up and reads the correct way around, however the header/title to label that informs me of what is in the Panel is backwards.

    There is no way to rotate the labels, but you can play tricks similar to what did you with the content to get the desired affect.

    After turning the accordion, you might do the following for each tag:

    1. Create a separate text with the contents of the desired label.
    2. Turn the new block of text to 180 degrees as it is upside
    3. Copy the rotated text block.
    4. Double-click the accordion label until you can change the text.
    5. Select all the text in the label and delete it.
    6. Paste the text block rotated as a line in the label of the accordion. At this point, it will be be treated as if it was any character. So, if the text of the label in the accordion is set to be left-aligned, the Inline frame will rely on the right side because the accordion is turned. If you want the label to be visually left-aligned, pointer to select the accordion label such as its selection handles, open the text panel, then select the icon to right-align.
  • the accordion panel embedded youtube videos

    I'm trying to get videos from youtube built-in in Accordion Panel pop

    the accordion panel would have "titles" with the descriptions posted if clicked, and here in the description would be a link to the youtube embedded video will appear next to the Panel.

    go to each accordion panel selection and get a different embedded video to play.

    Anyone know if this is possible and how?

    Well, to have instructions can be a solution, or you can use custom code to achieve this.

    I wouldn't recommend customization, but if you stop the video while the container is not active, you can use jQuery or Javascript inserted with youtube html that should detect if the container is not active then to stop the video.

    Thank you

    Sanjit

  • You drag an image in the layers panel

    Hello

    In some Photoshop tutorials I've met, the author speaks of "drag an image in the layers panel. For example, there is a picture, let's call him background.jpg on layer1 and which appears in the layers panel. Now you want to open another image, call object1.jpg in order to work on this point, the objective being that object1.jpg should go on layer2, above layer1 in the layers panel.

    Yet when I open object1.jpg, in the layer1 layers panel (which hosts background.jpg) disappeared.

    How can I drag object1.jpg to layer2? In other words, how can I keep my layers panel open - the layers panel that shows layer1 with clutter on it - while working on object1.jpg?

    Thank you

    Steve

    Oh, it's CS3 and they do not have legs.  Open the two files and arrange the windows so that you can see each of the files.  Then just drag one layer to the other file.

  • How can I add new images to the layers panel?

    Hello

    I am brand new with photoshop elements 11.  I'm having a problem understanding how to import new images in the layers panel.  If I type "create a new layer" all that I get is an empty layer.  I want to do is to import an image where I'll cut part of it and layer it on another image.  For example: of lets say I want to put a picture of myself in front of a tree.  I want to take the image myself from a photo and he sleeps on the photo that has the tree on it.  How can I get both of these images in the layers panel even?  I can get the picture of me in the layers panel as layer #1, so I can cut myself out of the picture.  My problem is when I try to import the picture with the tree on this subject, it opens upward in a new tab.  If I try to hit 'create a new layer', only a white layer appears above my first coat.  I tried to drag the new image on the layers panel, but will not join.  All the tutorials I could find and monitor, have already all the images they work with pre-loaded in the layers panel.  I just need to know how to get my pictures in the Panel, so that I can start working with them.

    Thank you in advance for any help you can give.

    Glen

    P.S. I'm working on an iMac 2009

    After selecting, you press Cmd + J and which will put the selection on a new layer.

    Drag your tree to the top of the location of the project in the main image window.

    Organize layers for example you may need to drag the tree stratum under the layer with yourself.

    See my tutorial that uses a background solid colr.

    http://forums.Adobe.com/message/4166187#4166187

  • How to place a video inside the title sequence?

    I use CS6.

    I am fairly new home, but I'm trying to place a video inside the main title sequence so that when the sequence is played as a whole, there is a miniature video playing in the top corner following titles still in view.

    I hope that I am clear about that and I apologize if I'm not.

    Any help is appreciated.

    Its called picture in picture (PIP)

    http://www.InfiniteSkills.com/demos/movie-player.php?h=685&w=890&movie=http://iSkills-Medi a.s3.amazonaws.com/premierecs5-demo/0707.mp4

  • wind 7 after importation, pictures appearing is not under my images in the left panel

    but as separate above my pictures folders.  I am new to windows 7 and never had this problem with XP. I've rechecked as to where exactly, I'm importing, but it does make a difference.

    When I 'show in Explorer' the folder is there, but apparently not as well as all other folders under my images in the left panel.

    Right click on a folder and you will be able to update the path.

    Also can you put up a screenshot of the files in the Explorer. This is the other side of the equation.

  • Tool: how to choose an image inside the image area that is out of reach

    Tool: how to choose an image inside the image area that is out of reach?

    See the photo below reference.

    How to move the image inside a box that lies beyond the visible area? (The bottom box)

    When you click the image, you can't get the contour or more unless the image area is expanded to include the hidden area.

    Am I missing something? Thanks for the help.

    Vannon

    Picture 1.jpg

    You can move the object back in the frame by clicking on the button "Content Center" to the right (this is located in your toolbar at the top).

    Or you can use the arrows on your keyboard to move it as well.

  • How can I place an image in the same place

    Hello.

    I want to place a new Image in the same place, but when I select the new Image it will jump to another post.

    the PDF is the same... Thanks for the help

    Select the link in the links Panel and re-link to the new PDF, deselect the show import options.

  • How to animate the image inside the frame

    Hello

    I wonder if there is a way to animate only an image inside a frame, rather than animate the entire image. I have attached a picture to give you an idea of what I want to do. As you can see, I have an image in a frame that is bound by the size of the page. You will notice that the image itself is much larger. I want the image itself to turn slowly, but the weft to stand still. Possible? I'm on Indesign CC 2015.Screen Shot 2015-06-21 at 10.58.43 PM.png

    Ok. What works is somehow:

    Have a duplicate of your image size as you wish where the limits of the graph are the limits of the graphic image.

    1. define the animation you want.

    2. put the frame on the rectangle that currently hold your image.

    2. then cut/paste as part of animation in this framework.

    Test the movie in the preview of EPUB interactivity Panel.

    No need of an additional mask on an extra layer then.

    Uwe

Maybe you are looking for

  • Camileo HD menu button does not work

    This msg is a continuation of a previous thread where my Camileo HD screen does not stay on.After connecting the camera to a TV screen where I could see, I discovered that the "menu" button does not work although other functions, such as zoom and rep

  • SMU 8135 GPIB

    I'm trying to connect a series of ENA Agilent Network Analyzer to my SMU 8135 controller, however, the connectors are different sizes, it is a sort of mini GPIB port or a national instruments specific port? Do you know where I can get the right cable

  • Impossible to install the Wi - Fi dongle into my computer

    Original title: installation of wifi problem. Hello people. I tried to install dongle wifi to my computer Win XP H.E. the days now without success. I tried using the "Wireless Network Setup Wizard" once I downloaded the software of the electronic key

  • How can I update the driver for the webcam running Windows 98 &#62; vista windows?

    Hello How could I go to get a driver who runs aHome QuickCam vs Webcam on my Windows Vista computer? I found the webcam in an old car for scrap, but the software is not compatible with my Vista. Pleassssse! help > I been up all night looking for the

  • Using Qt-Creator 2.6 (beta) on mac and I don't get any debug output

    Hello I decided to try to get Qt-creator goes on mac for my boyfriend, so it can develop its dev-alpha and playbook. Finely, I must see the dev-alpha, it has frozen several times and had other problems with vkb etc... very frustrating! lol well I alw