How to i fit a box to browser width?

how do i make a text box fit the browser width?
how to i fit a box to browser width?

Hello,
Are you talking about a rectangle. You can do it by using "100% width" button provided in muse.
select the rectangle and click on 100% button this will fit the rectangle to the browser width.
Please let me know if you are taking about something else.
Regards
Vivek

Similar Messages

What's the point of browser width when elements will still show up outside of it in a browser window?

I'm working on my first website and I'm so incredibly frustrated with browser width parameters.
Don't judge it yet, but notice that some of the elements will gladly go outside of the browser width... (such as the rock on the right under "portfolio")
http://timdodddummytest.businesscatalyst.com/index.html#top
So I'm struggling with the concept of browser width if things can just go beyond it. How do I hide it behind the browser width so to speak?
Also, what if I wanted this whole site to just be the width of the screen so it looks great on a full screen 27" or something and not just 960 pixels wide? I do have it set for HiDpi but it still only takes up the center third of a larger monitor...
Any help would be great! Thanks!

Regarding the rock on the right, you could add a black frame above the rock to act as a mask.
Regarding full width, you can have your images "scale to fill" under the fitting options when importing an image in a frame.
The only problem with that is the image will increase in size based on the browser width, and based on your design I don't think you want your images scaling up to much based on the parallax scroll layering you have happening. This is where testing is involved to see what it would look like scaled up and down. (see attached link)
Not sure if I would design a site based on a specific screen size, it's a bit safer to go with a smaller width to accommodate multiple screen sizes.
The link below is a way to see how your site will be viewed on multiple screen resolutions.
Screenfly / Test Your Website at Different Screen Resolutions
Hope this helps... Nice site by the way...

How to fit swf completely in browser

hi there
can someone help me to find out that how to insert swf file
into a browser with 100% width and height, the problem i m facing
is with resizing the browser as the swf does't get fit into browser
either with height or width, i m giving site reference (
http://www.christiansparrow.com)
for what exactley i m looking for.
if u can pls visit my site( www.websells.com/sf) to get to
know what is the thing bothering me, well whn u resize the window u
ll see black borders on the horizontal sides of the site which has
to be covered by the swf showing there.
pls revert me soon.
thanx

Hey-
I'm having the same problem, and i wasn't able to find that
resizing code anywhere... any chance you could help me out and tell
me how to do it?
www.nicksdesign.com/flash
Is where the code would be placed... because if a user is on
different screen resolutions than what the site is designed at,
they are required to scroll vertically and horizontally to view
page.
Best,
Nick Smith

Make the whole page fit to browser width

Hey Everyone,
I am making a site for a friend and for the life of me I cannot make the entire site fit to browser width - you can see the homepage here - http://www.dmofilms.com/blacklabelweddingfilmsTEST/
All I want is the entire site to always fit the screen. I have looked up the header/footer tutorial and read another thread on this but still cannot figure it out.
Any suggestions?
Thanks so much!
-Matt

Hey Matt,
I am not sure what you are wanting? Do you want to know how to get the header and footer to fill the width of the browser screen? I am getting horizontal scroll when I veiw your site on my macbook so I am guessing you are making your website quite wide.
I am guessing your header and footer have a really large width because you want that style to span the width of all browser.
Here is what you might want to try. I notice you have a center graphic for your header and footer, then it fades to black with a white line going across. You will need to separate that center graphic from the black banner with the white line. Then save that black banner as a png, make it so it will tile seemlessly horizontally. Then use the box tool and make a rectangle that connects to the ends of the canvas area on Muse in the header and footer. Now you will bring both center graphic for you header and footer and place them over top of the seemless banner. This will allow your header and footer to span width.
Before you do that though you will want to make your canvas area smaller, 960px is still pretty common for websites.
I hope that helps.
PS. Your site looks very well done so far. When you finish I would recommend submitting it to 'site of the day'.

How to create a text box in ascreen painter?

HI friends can anyone tell me how to create a text box in a screen painter?
And attachment BROWSER like what we attach for any documents in over mail.
Example when we click on browser the path of the computer has to be opened and by giving the document name attach and the document will be attached. Please tell me the procedure....
Thks

To get the best answers, I think you probably need to break down your post into several different one with a separate question in each, along with the business problem you are trying to solve... but here's a few pointers for you to research...
Textbox - there's plenty of info in SDN on creating a custom control with a textbox e.g. Re: Text Editor on modulepool Screen and sample code in SAP too.
Attachments - If this is for an email, then GUI_UPLOAD might help and the BCS class is the newer way to send messages... check out Re: Offline Approval: RBBP_NOTIFICATION_OFFAPP Vs RSWUWFMLEC for example... if this is an attachment for an SAP object such as an FI Document or Purchase Order, then the Generic Object Services (GOS) could be what you want e.g. https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/0e6b0d95-0a01-0010-4696-ca0a48de5fb3
Jonathan

In InDesign, how does one determine the pixel size of a text box? Specifically, we need to write text to specifications of 600 pixel width, and have no idea a) how to scale a text box to specific pixel width, b) how to

This may be a basic question... but in InDesign, how does one determine the pixel size of a text box? Specifically, we need to write text to specifications of 600 pixel width, and have no idea a) how to scale a text box to specific pixel width, b) how to determine what word count we can fit in, and c) how to do it in a table? Thanks!

Set your ruler increments to pixels Preferences>Units & Increments. You can fill the text box with placeholder text Type>Fill with Placeholder text and get a word count from the Info panel with Show Options turned on from the flyout.
From the Transform panel you can set a text box's width and height

Want to process cube on one box and have it available on another box to browse.

I am interested in processing the cubes on one box and then have them available on another box for browsing to avoid slowness while the ETL or cube process is running. Any ideas?
ravi

Have a look at the SSAS Database Synchronization.
http://technet.microsoft.com/en-us/library/ms174928.aspx
Related links:
http://social.msdn.microsoft.com/Forums/sqlserver/en-US/f92533da-3bb0-4c60-b3cc-e8afe9ec1b60/automate-backuprestore-ssas-databasesall-in-2008-r2?forum=sqlanalysisservices
http://www.mssqltips.com/sqlservertip/2938/how-to-synchronize-two-ssas-servers/
http://sqlvoyager.wordpress.com/2012/08/11/ssas-implementing-analysis-services-synchronization/
Karthik

Scale website to fit browser width

Hi I'm new to Muse.
There is something i have been trying to do, but can't make it work.
I know about the possibility of full screen and 100% width slideshows. But that is not exactly it.
What I can't figure out is how to make a website that fits and scales with the browser width (scalable). Is that possible in Muse?
Something like this. I have found this as a reference, perhaps it can help explain what I mean.
http://2xelliott.co.uk/

What you are looking for is called 'Responsive' Design. This is not currently an option in Muse however you can easily create tablet and phone versions of your site.

How do I set elements so they adjust according to browser width

Hi Everyone
I'm tryingto to make images/graphic elements on my website adjust to the browser width and always be centralised like this website http://pixelblue.ca
Anyone know how to do this?
Thanks
Chris

That is correct. Currently Muse allows you to create 100% browser width items with Rectangles & Text Frames.
Muse Can :
- have 100% browser width colored strip (using Rectangle)
- have 100% browser width text (using Text Frame)
- have 100% browser width image (using Rectangle & setting fill to image and setting fitting to Scale to Fill)
NOTE : the key to this is to Snap it to the Browser Edge.
select your Rectangle or Text Frame
click the left edge or your Rectangle or Text Frame
drag it out to the edge of your Browser Fill area on your design surface
make sure you see the red line at the edge of your Browser Fill area to indicate you've snapped it to the edge
do this for the right edge of your Rectangle or Text Frame
you need to do this with both your left & right edge to make it 100% browser width
Once you've done the above - preview your page.
Hope this helps.

How do i fit a 7 min short from quicktime to fit to 100mb

hi ,
i wondering how do i fit a 7 min short from quicktime to fit to 100mb to display online?
what settings should i use to get the best quality?
would i shrink the video quality? in quicktime compressor?
from fcp to quicktime now.
worse comes to worst i'll make it 5 1/2 minutes to shrink it and have the better quality
any suggestions?
tks for reading !
ju

I've done a max of 8 1/2 minutes so far under 100 MB. For YouTube (I'm Assuming). Here's what I do:
File>Export>Using QT Conversion.
Format: QuickTime Movie
Click Options...
Click Settings under the Video Box.
Compression Type: H.264
Frame Rate: Current
Key frames: Automatic
Deselect Frame Reordering.
Moving down to the next box...
Choose Your Quality Level (I leave mine on High).
Choose Multi-pass or Single-Pass
**Multi-pass=Much better quality same file size, much longer encoding.
**Single-pass=Okay quality, quick encoding.
In the Data Rate Box, select 'Restrict To'.
Enter in the text box from around 350 to 400.
Click Okay in this window.
Now Under the video again, click Size.
Change 'Compressor Native' into '320x240 QVGA.
Click Settings under Sound.
If audio isn't that important to you, you can lower the quality. If you have music or something, you might want to turn the volume up.
Click Okay.
Now Below Sound, deselect 'Prepare for Internet Streaming'.
Click Okay.
Name your file, save it, upload it, enjoy it, kiss it, whatever!
Your Done!
- Craig

How do I achieve browser width images with scroll motion set to 0?

How do I achieve browser width images with scroll motion set to 0?
An example can be seen here with the green image: http://www.qooqee.com/templates/aroma
I can get the rectangle to stretch the width of the browser but not the image fill. (see - http://www.tomwellsassociates.com)
My Muse fill settings:
Fill type: Solid
Colour: None
Fitting: Tile vertically
Position: Bottom Centre
Scroll motion: On (Up - 0)
Image Size:
3311 x 3311 px
Display: Apple imac 27"
Any suggestions/help would be much appreicated...

Please check out: http://forums.adobe.com/message/5701908
Cheers,
Vikas

How to print a HTML file in browser look using DocPrintJob

Hello guys,
Does anyone know how to print HTML output/file into browser look?
I'm using DocPrintJob and the DocFlavor set to DocFlavor.INPUT_STREAM.AUTOSENSE.
posted below is my code :
public class BasicPrint {
    public static void main(String[] args) {
        try {
            // Open the image file
            String testData = "C:/new_page_1.html";
            InputStream is = new BufferedInputStream(new FileInputStream(testData));
            DocFlavor flavor = DocFlavor.INPUT_STREAM.AUTOSENSE;
            // Find the default service
            PrintService service = PrintServiceLookup.lookupDefaultPrintService();
            System.out.println(service);
            // Create the print job
            DocPrintJob job = service.createPrintJob();
            Doc doc= new SimpleDoc(is, flavor, null);
            // Monitor print job events; for the implementation of PrintJobWatcher,
            // see e702 Determining When a Print Job Has Finished
            PrintJobWatcher pjDone = new PrintJobWatcher(job);
            // Print it
            job.print(doc, null);
            // Wait for the print job to be done
            pjDone.waitForDone();
            // It is now safe to close the input stream
            is.close();
        } catch (PrintException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
    static class PrintJobWatcher {
        // true iff it is safe to close the print job's input stream
        boolean done = false;
        PrintJobWatcher(DocPrintJob job) {
            // Add a listener to the print job
            job.addPrintJobListener(new PrintJobAdapter() {
                public void printJobCanceled(PrintJobEvent pje) {
                    allDone();
                public void printJobCompleted(PrintJobEvent pje) {
                    allDone();
                public void printJobFailed(PrintJobEvent pje) {
                    allDone();
                public void printJobNoMoreEvents(PrintJobEvent pje) {
                    allDone();
                void allDone() {
                    synchronized (PrintJobWatcher.this) {
                        done = true;
                        PrintJobWatcher.this.notify();
        public synchronized void waitForDone() {
            try {
                while (!done) {
                    wait();
            } catch (InterruptedException e) {
}the printed ouput for this code will be look like this
<html>
<body>
<div style="page-break-after:'always';
            background-color:#EEEEEE;
            width:400;
            height:70">
     testPrint</div>
ABCDEFGHIJK<p>
</p>
</body>
</html>however, the output that i want is the HTML in browser look not HTML code itself.
i've tried to change the DocFlavor into any TEXT_HTML type but it gives error:
sun.print.PrintJobFlavorException: invalid flavor if you guys has any idea or solution, can you share with me... already search in Google but still not found any solution
Thanks in advanced.

hi,
do the following
URL url = null;
try
     url = new URL("http://www.xyz.com");
catch (MalformedURLException e)
      System.out.println("URL not correct " + e.toString());
if (url != null)
       getAppletContext().showDocument(url,"_blank"); //shows the page in a new unnamed top level browser instance.
}hope that helpz
cheerz
ynkrish

How to Bind a Combo Box so that it retrieves and display content corresponding to the Id in a link table and populates itself with the data in the main table?

I am developing a desktop application in Wpf using MVVM and Entity Frameworks. I have the following tables:
1. Party (PartyId, Name)
2. Case (CaseId, CaseNo)
3. Petitioner (CaseId, PartyId) ............. Link Table
I am completely new to .Net and to begin with I download Microsoft's sample application and
following the pattern I have been successful in creating several tabs. The problem started only when I wanted to implement many-to-many relationship. The sample application has not covered the scenario where there can be a any-to-many relationship. However
with the help of MSDN forum I came to know about a link table and managed to solve entity framework issues pertaining to many-to-many relationship. Here is the screenshot of my application to show you what I have achieved so far.
And now the problem I want the forum to address is how to bind a combo box so that it retrieves Party.Name for the corresponding PartyId in the Link Table and also I want to populate it with Party.Name so that
users can choose one from the dropdown list to add or edit the petitioner.

Hello Barry,
Thanks a lot for responding to my query. As I am completely new to .Net and following the pattern of Microsoft's Employee Tracker sample it seems difficult to clearly understand the concept and implement it in a scenario which is different than what is in
the sample available at the link you supplied.
To get the idea of the thing here is my code behind of a view vBoxPetitioner:
<UserControl x:Class="CCIS.View.Case.vBoxPetitioner"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:v="clr-namespace:CCIS.View.Case"
xmlns:vm="clr-namespace:CCIS.ViewModel.Case"
mc:Ignorable="d"
d:DesignWidth="300"
d:DesignHeight="200">
<UserControl.Resources>
<DataTemplate DataType="{x:Type vm:vmPetitioner}">
<v:vPetitioner Margin="0,2,0,0" />
</DataTemplate>
</UserControl.Resources>
<Grid>
<HeaderedContentControl>
<HeaderedContentControl.Header>
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
<TextBlock Margin="2">
<Hyperlink Command="{Binding Path=AddPetitionerCommand}">Add Petitioner</Hyperlink>
| <Hyperlink Command="{Binding Path=DeletePetitionerCommand}">Delete</Hyperlink>
</TextBlock>
</StackPanel>
</HeaderedContentControl.Header>
<ListBox BorderThickness="0" SelectedItem="{Binding Path=CurrentPetitioner, Mode=TwoWay}" ItemsSource="{Binding Path=tblParties}" />
</HeaderedContentControl>
</Grid>
</UserControl>
This part is working fine as it loads another view that is vPetioner perfectly in the manner I want it to be.
Here is the code of vmPetitioner, a ViewModel:
Imports Microsoft.VisualBasic
Imports System.Collections.ObjectModel
Imports System
Imports CCIS.Model.Party
Namespace CCIS.ViewModel.Case
''' <summary>
''' ViewModel of an individual Email
''' </summary>
Public Class vmPetitioner
Inherits vmParty
''' <summary>
''' The Email object backing this ViewModel
''' </summary>
Private petitioner As tblParty
''' <summary>
''' Initializes a new instance of the EmailViewModel class.
''' </summary>
''' <param name="detail">The underlying Email this ViewModel is to be based on</param>
Public Sub New(ByVal detail As tblParty)
If detail Is Nothing Then
Throw New ArgumentNullException("detail")
End If
Me.petitioner = detail
End Sub
''' <summary>
''' Gets the underlying Email this ViewModel is based on
''' </summary>
Public Overrides ReadOnly Property Model() As tblParty
Get
Return Me.petitioner
End Get
End Property
''' <summary>
''' Gets or sets the actual email address
''' </summary>
Public Property fldPartyId() As String
Get
Return Me.petitioner.fldPartyId
End Get
Set(ByVal value As String)
Me.petitioner.fldPartyId = value
Me.OnPropertyChanged("fldPartyId")
End Set
End Property
End Class
End Namespace
And below is the ViewMode vmParty which vmPetitioner Inherits:
Imports Microsoft.VisualBasic
Imports System
Imports System.Collections.Generic
Imports CCIS.Model.Case
Imports CCIS.Model.Party
Imports CCIS.ViewModel.Helpers
Namespace CCIS.ViewModel.Case
''' <summary>
''' Common functionality for ViewModels of an individual ContactDetail
''' </summary>
Public MustInherit Class vmParty
Inherits ViewModelBase
''' <summary>
''' Gets the underlying ContactDetail this ViewModel is based on
''' </summary>
Public MustOverride ReadOnly Property Model() As tblParty
'''' <summary>
'''' Gets the underlying ContactDetail this ViewModel is based on
'''' </summary>
'Public MustOverride ReadOnly Property Model() As tblAdvocate
''' <summary>
''' Gets or sets the name of this department
''' </summary>
Public Property fldName() As String
Get
Return Me.Model.fldName
End Get
Set(ByVal value As String)
Me.Model.fldName = value
Me.OnPropertyChanged("fldName")
End Set
End Property
''' <summary>
''' Constructs a view model to represent the supplied ContactDetail
''' </summary>
''' <param name="detail">The detail to build a ViewModel for</param>
''' <returns>The constructed ViewModel, null if one can't be built</returns>
Public Shared Function BuildViewModel(ByVal detail As tblParty) As vmParty
If detail Is Nothing Then
Throw New ArgumentNullException("detail")
End If
Dim e As tblParty = TryCast(detail, tblParty)
If e IsNot Nothing Then
Return New vmPetitioner(e)
End If
Return Nothing
End Function
End Class
End Namespace
And final the code behind of the view vPetitioner:
<UserControl x:Class="CCIS.View.Case.vPetitioner"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:vm="clr-namespace:CCIS.ViewModel.Case"
mc:Ignorable="d"
Width="300">
<UserControl.Resources>
<ResourceDictionary Source=".\CompactFormStyles.xaml" />
</UserControl.Resources>
<Grid>
<Border Style="{StaticResource DetailBorder}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0" Text="Petitioner:" />
<ComboBox Grid.Column="1" Width="240" SelectedValuePath="." SelectedItem="{Binding Path=tblParty}" ItemsSource="{Binding Path=PetitionerLookup}" DisplayMemberPath="fldName" />
</Grid>
</Border>
</Grid>
</UserControl>
The problem, presumably, seems to be is that the binding path "PetitionerLookup" of the ItemSource of the Combo box in the view vPetitioner exists in a different ViewModel vmCase which serves as an ObservableCollection for MainViewModel. Therefore,
what I need to Know is how to route the binding path if it exists in a different ViewModel?
Sir, I look forward to your early reply bringing a workable solution to the problem I face.
Warm Regards,
Arun

How export to csv work in safari browser? In my application export to csv open like a raw data in new tab. But other browsers working great!. Need to open in a csv file or save it as a csv file.

How export to csv work in safari browser?
In my application export to csv open like a raw data in new tab.
But other browsers working great!.
Need to open in a csv file or save it as a csv file.
Please suggest me. Thank you in advance!.

Hi Adrian,
Why don't you try any another software for opening CSV files then Notepad ? According to my experience, you can use these softwares to open an CSV files and they are:-
Microsoft Excel
Open Office Calc
Google Docs
Also there is an additional tool available known as CSV viewer. You may try this, download it from here http://www.csvviewer.com/
I've never used Notepad for opening CSV files, because sometimes it contains some symbols which are not not at all compatibile with Notepad.
Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.

How can I open and close private browsing using an IPAD mini in IOS 7?

How can I open and close private browsing using an iPad mini in ios7?

Tap the '+' to the right of the URL field to open a new tab, and at the bottom left of the screen there should be a 'Private' button - tap that and you can then go to the site that you want to go to

How to i fit a box to browser width?

Similar Messages

Maybe you are looking for