Muse: Ability to images of the 'Position' in a 100% width slider widget
I'm trying to set the "Position" for the images in the slide show Basic widget. All my images are set to "100% page width. When resizing images for monitors of different sizes, Muse seems to place the images 'Center Center '. I want to clarify some of the images to be "at the top left' or 'top-center' or 'bottom center' etc..
I can do this for static pictures using the "Rectangle" tool and by filling in the form of the desired image. I can then set the positioning.
I tried to use the widget of composition as a work-around for the slidershow, but it can be set at 100% the width of page.
Also, I can't crop pictures because the same thing will continue to happen, Muse is positioned just the Center-to-center image and I'll lose even more of the image.
No idea how this could be done. Seems simple enough, but I can't find a work around.
See you soon!
You can try to adjust the image in the cursor itself or can use these:
http://musewidgets.com/collections/all/slider
Thank you
Sanjit
Tags: Adobe Muse
Similar Questions
-
CURRENT MUSE ERRORS - DISTORTED IMAGES THROUGHOUT THE SITE AFTER PUTTING IN
WHENEVER I POST AN UPDATE TO MY WEB SITE, AN IMAGE IN ANOTHER PAGE OF MY SITE BECOMES DISTORTED, OR THE IMAGE CONTINUES TO CHANGE FOR ANOTHER FORM OR IMAGE ON MY SITE.
IT NEVER HAPPENED UNTIL EARLY THIS EVENING AFTER I INSTALLED UPDATES FROM MUSE IN CLOUD CREATIVE.
SOLVE THIS PROBLEM AS SOON AS POSSIBLE!
Thank you.
Are you using the publication or the file > Upload FTP host... to download your site? Or are you export HTML in a folder and download using a third-party FTP program?
A report of a site randomly scrambled after update is usually due to now to download all of THE files and folders in the exported site. The files for a web site are closely related. Each Muse update includes changes in the generated code (i.e. for new features, bugs to workaround in updates of the browser, to improve the performance of loading page, to address bugs, etc.). Each file and folder that is part of the muse of export so re-uploaded the first time that you export from a newer version of Muse.
If this isn't the problem that you are experiencing, please provide the URL of your site, so we have a better idea of what may be the cause everything you see. Thank you.
-
TextArea - insert an image to the position selected by the user
I am developing a feature where I can insert a picture at a specific position in the text box to help ActionScript .I can get the position of the cursor of the user using the selectionAnchorPosition property.I can create the image using InlineGraphicElement I can add to the method addChild TextFlow text box, but that adds the image at the end of the content.It is also addChildAt method allows me to add the paragraph with this image in TextFlow to a specific index. But to do this, you must know the index.How can I find the index of the child to the location of the cursor? In addition, addChildAt to add a paragraph. How can I add this image within an existing paragraph?Please help... Thank you!Your code can be simplified as follows. Pay attention to * addImageButton_clickHandler *.
<>
"xmlns:FX ="http://ns.adobe.com/mxml/2009"
xmlns:s = "library://ns.adobe.com/flex/spark".
xmlns:MX = "library://ns.adobe.com/flex/mx".
minWidth = "955" = "600" minHeight
creationComplete = "application1_creationCompleteHandler (event)" "
>
<>
horizontalAlign = "center".
paddingTop = "20".
/>
<>
ID = 'richText '.
Width = "800".
Height = "300".
horizontalCenter = "0".
Red = '0 '.
textFlow = "{textFlow}.
/>
<>
ID = "addImageButton".
label = 'add images '.
Click = "addImageButton_clickHandler (Event)" "
/>
Import flashx.textLayout.edit.IEditManager;
Import flashx.textLayout.elements.InlineGraphicElement;
Import flashx.textLayout.elements.ParagraphElement;
Import flashx.textLayout.elements.TextFlow;
Import flashx.textLayout.formats.WhiteSpaceCollapse;
Import mx.events.FlexEvent;
Import spark.utils.TextFlowUtil;
[Bindable]
private var inputString:String = "the Dow Jones industrial average lost more than 100 points Tuesday, after the Japan raised the seriousness of the nuclear crisis and Alcoa Inc. said disappointing sales. A decline in the price of oil fell by stocks of energy. « ;
[Bindable]
private var textFlow:TextFlow;
[Embed(source="assets/images/math.png")]
[Bindable]
public var imgCls: Class;
protected function application1_creationCompleteHandler(event:FlexEvent):void {}
textFlow = TextFlowUtil.importFromXML (XML (inputString), WhiteSpaceCollapse.PRESERVE);
}protected function addImageButton_clickHandler(event:MouseEvent):void {}
var editManager:IEditManager = textFlow.interactionManager as IEditManager;
editManager.insertInlineGraphic (imgCls, 174, 44, null, editManager.getSelectionState ());
}
]]>
-
100% width slide show button does not appear in the toolbar
I work with the latest version of Muse - but when you are working with slide shows - the 100% width button does not appear in my toolbar.
Align is their - but no key width.
Where is he?
Hello
Please ensure that the image of the hero is selected in the slideshow, if you still do not see the 100% button then click on transformation and you'll get the button.
Please look at the screenshot.
It coould be 2 reasons for the same.
1. monitor size is too small to display all the options.
2 muse is not maximized. (Enlarge the window of muse and it will show the button here)
Concerning
Vivek
-
How to draw and the positioning of images in FieldManager using the method object?
How can I add and the positioning of my images in the position desired in FieldManagers?
I need to add more than 2 fields (HorizontalFieldManager/VerticleFieldManager) in my application and I draw an image using the method of painting ovverided.
NOTE: The image will be established if I do not use mainScreen.add (SeparatorField ()) or mainScreen.add (hori2), see below.
If I use mainScreen.add (mainScreen.add (hori2) SeparatorField ())... n then the horizontalFieldManger won't be empty, drawn in the output screen.
import net.rim.device.api.ui.*; import net.rim.device.api.ui.component.*; import net.rim.device.api.ui.container.*; import net.rim.device.api.system.*; public class BackgroundImage extends UiApplication { private Bitmap backgroundBitmap; private Bitmap fieldBitmap; int width, height; public static void main(String[] args) { BackgroundImage theApp = new BackgroundImage(); theApp.enterEventDispatcher(); } HorizontalFieldManager hori2; public BackgroundImage() { //The background image. backgroundBitmap = Bitmap.getBitmapResource("jalan_logo.png"); MainScreen mainScreen = new MainScreen(); hori2 = new HorizontalFieldManager(); HorizontalFieldManager horizontalFieldManager = new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH | HorizontalFieldManager.USE_ALL_HEIGHT){ //Override the paint method to draw the background image. public void paint(Graphics graphics) { System.out.println("come to here..!!"); width = graphics.getScreenWidth(); height = graphics.getScreenHeight(); //Draw the background image and then call paint. graphics.drawBitmap(width/2, height/2, 150, 40, backgroundBitmap, 0, 0); super.paint(graphics); } }; //The LabelField will show up through the transparent image. LabelField labelField = new LabelField("This is a label"); //Add the manager to the screen. mainScreen.add(horizontalFieldManager); mainScreen.add(new SeparatorField()); mainScreen.add(hori2); hori2.add(labelField); //Push the screen. pushScreen(mainScreen); } }
Help, please.
I have already pointed out the problem with USE_ALL_HEIGHT in first Manager add you to the form. Drop this style bit, otherwise sublayout your screen will generate an exception, and nothing appears!
If you want HorizontalFieldManager to be of a particular size, regardless of the height of managed fields, replace its sublayout:
HorizontalFieldManager fieldManagerTopBanner = new HorizontalFieldManager() { protected void sublayout(int maxWidth, int maxHeight) { super.sublayout(maxWidth, maxHeight); int myDesiredHeight =
; setExtent(getWidth(), Math.min(myDesiredHeight, maxHeight)); } protected void paint(Graphics g) { // g.setBackgroundColor(0x000000);//blue g.drawBitmap(100, 150, 100, 200, jlnLogoImg, 0, 0); //g.clear(); super.paint(g); } }; -
Several images to 100% width
I put about five frames in a row, but to ensure 100% width to fill the page.
I know that you can set a single image to the width of 100%, but it does not seem to allow multiple images.
Is it possible that I can do this?
Thank you very much
There is no option in Muse which can allow you to do, but you can take inspiration in the codes below:
1. Add 5 pictures in the current folder of Muse. File > add files to download. (Try to give them a simple name, all in lowercase)
2 copy the code below and paste it into the window insert HTML code. You can open the window of object > insert HTML code
.sec1 {
width: 20%;
background-color: #DC4FE9;
height: 200px;
}
#img1 {
float: left;
position: relative;
background-image: url(assets/Lighthouse.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
#img2 {
background-color: #000000;
float: left;
position: relative;
background-image: url(assets/Chrysanthemum.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
#img3 {
float: left;
position: relative;
background-color: #92D5D0;
background-image: url(assets/Hydrangeas.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
#img4 {
position: relative;
float: left;
background-color: #8AA732;
background-image: url(assets/Jellyfish.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
#img5 {
position: relative;
float: left;
background-color: #CC0EE5;
background-image: url(assets/Koala.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
3. click on Ok after pasting the codes.
4. Select the created container to 100% width by pressing "100% width" button.
With more knowledge of HTML/CSS, you can further customize to achieve better results.
Kind regards
Vivek
-
So, as with any thing when tell you him to be a width of 100%, expect the width to fit the width of broswers but this seems not to work on board here is my code:
var container = sym.$('#Stage_Iframe');
" var frame = ' < div class = 'Frame' id = 'Frame' > < iframe width ="100% "height ="600"src =" http://www.YouTube.com/embed/OH5tkj0W0fc "frameborder ="0"allowfullscreen > < / iframe > < / div >" "
Container.html (Frame);
When I resize my broswer that the width of the iframe is not resize with her same thing happens when I drop my resolution of computer screens half the iframe is missing and does not 'cutting' 100%...
any idea?
"" Edit: my "Iframe" symbol has is the width set to 100% width = ' "+ container.width () +" ' does not...
the scene is also 100% width.
Resolved instead to put the code in creationComplete
I placed it in the compositionReady Stadium, and then it worked.
-
Is my client using the web browser editor can change the position of text and images, the site was built with muse and at first, tell him that he could change the text and images, but he can't change the location of contents of Th.
Now he wants to paste and copy directly from the web browser Publisher Word and wants to change all of the place itself.
Does someone have an answer or another solution?
Philippe
First of all, to answer your question about moving content. No, that is not supported.
Then, never advised him to stick to Word what for the web. Word adds a lot of very strange code that can break your page completely. Tell him if he has a Word to add to the site to paste into Notepad or any other text editor, copy and paste to Muse.
-
How to control the position of an image of hero slideshow lightbox
How can I control the position of a hero image in a lightbox slideshow? Everything I've tried has no effect. I hope I'm wrong, but t that appears when the lightbox option is selected, that there is no control on the position or the image of hero on the Web page. I my case, I want to push it higher on the page to make room for a great legend.
Lightbox will appear the image in the Center on the page, if you want to change the position, you must apply some javascript from your end, there is no direct way to Muse to do.
Thank you
Sanjit
-
problem with the position of image in the slideshow width 100%
Hello Im having a problem with my slide show that is 100% browser width. the slideshow container is set to a height of 300 pixels and the picture I inserted is about 1500 pixels in height. I placed the image so it defined in a specific section of the image, but when I hit the 100% width button it positions the image down. is this a bug or it's adjustable somehow?
Hello
What you encountered is the default behavior of the slideshow widget, which, once the value of width of 100%. I'm afraid at this point, you can not edit/resize the image. So, to do the same thing, you will need to remove the 100% width of the widget option.
You may want to file is like a feature here request: ideas for features in Adobe Muse
-
My Muse site will not display the customized html images that work in chrome?
My Muse site will not display the customized html images that work in chrome? Here's my url www.simplesites.com.au.
Works fine here on Linux.
Note that the uploads has 'ads' in name and come from simplesites.net.au, so be sure that content blockers not get triggered.
-
19.02 Firefox breaks the position of the background image.
Hi, I have a jQuery plugin that worked well until I downloaded Firefox 19.02 now the Image slider does not work.
More precisely the position of backgroundImage doesn't seem to work. Instead of each piece of the picture being selected using a specific and different up and left (x and is position on the Image) all the pieces are showing the top left corner! It worked well in the earlier version of Firefox and still work on the latest versions of Google Chrome, Safari and Opera.
Appreciate any help you can offer.
TC
It's logical. If Math.abs (yPos) works, then yPos cannot be a string, and therefore cannot contain units.
-
How can I determine the position of the mouse in a 2D image control
I have an app where I would like the user to be able to interact with objects in a 2D image control with the mouse. To do this, I need to translate between the screen coordinates, which are transmitted with the events of mouse and in the control of 2D image.
The problem that I am running is that I can't find a way to determine the screen coordinates of the top left corner of the drawing/client of the 2D image control area. I tried to use the 'Position' of the image control property, but this results in a mismatch because of the difference between the upper-left corner of the image control (including the label, etc.) and the upper left corner of the drawing area. See attached VI.
Does anyone know how to get the coordinate of the screen from the corner of the drawing of the control of the photo area?
Mark Moss
I tend to use the mouse in the image control property to get the position. Deals with things like the passage of origin for you.
-
How can I lock the position of thumbnail images in their files?
Start > My Documents > folder my pictures (100 thumbnail images with names)
The menu View Menu drop-down has 6 options for viewing: film, thumbnails, tiles, icons, list or details. No matter how I arrange these images by dragging them to my desired job they always get reorganized after the close then reopen the case. None of these 6 options they held in the order that I dragged. I wish it works like the desktop icons, they stay where I put them.I have 2 of most of my images. An original and that changed with each having a different name. I want to keep these side-by-side in the folder, but different names bring them to be separated when the file is closed and reopened.Hello
Thanks for posting your question in the Microsoft Community forums.
I suggest you try the procedure described in the article and see if it helps.
Changes in the size, the view, the icon or the position of a file are lost
http://support.Microsoft.com/kb/813711Important: This section, method, or task contains steps that tell you how to modify the registry. However, serious problems can occur if you modify the registry incorrectly. Therefore, make sure that you proceed with caution. For added protection, back up the registry before you edit it. Then you can restore the registry if a problem occurs. For more information about how to back up and restore the registry, click on the number below to view the article in the Microsoft Knowledge Base:
http://Windows.Microsoft.com/en-us/Windows7/back-up-the-registry
See the article for more information.
How to arrange files using folder views in Windows XP
http://support.Microsoft.com/kb/306554Hope this information helps you. If you need additional help or information on Windows, I'll be happy to help you.
-
wallpaper will change the position of the image
HP Pavilion dv7t 2200 - I put one of my pictures as wallpaper, but the position of the image is stuck on "limousine." I try to choose other positions of the photo and clicking "save changes", but nothing happens - always stays on "stretch".
Does anyone have a solution for this?
Well you didn't say what OS your running, but if windows 7, use this link http://h10025.www1.hp.com/ewfrf/wc/softwareList?os=4063&lc=en&dlc=en&cc=us&lang=en&product=3999449 and at the bottom, install the screen background picture position enabler
Maybe you are looking for
-
Is it possible to put my tabs at the bottom of the browser?
I use Firefox with me SMART Board in my class. I have all the SMART Tech Tools at the bottom of the map and it would be very useful to have the tabs in the browser at the bottom of the screen as well (not covered by the address bar - all the way to t
-
don't spam, even using scanning
Some time ago has participated in an investigation of firefox, now spam without end that I never had before. using scan does not stop, with the name or domain change slightly each time.Far from creating a new account, I'm at my wits end.scanning can
-
Satellite Pro 6000 SD card - can't copy photos on my computer
Hello I had problems with my SD card on my laptop. I bought it second hand some time now and I just bought a camera with an SD card. I wanted to put my SD card in, so I can download photos directly to comp, but I tried to do and nothing happens. I lo
-
I just wanted to put some txt on photo paint open so imported the scanned picture and everything else works, but the ease to enter text. Move the cursor over the 'A' does not the highlight box around him upward and toolbars from view has the text one
-
Computer displays an update message whenever I start the computer
For the last two days I get this message every time I start my computer. I have NOT run download it on and I also ran my AVG Antivirus, Ccleaner, and Malware Bytes and have nothing wrong with the computer. Any ideas? "updated found revision 8 of the