Should background be in container

In creating the site below I have set the full background image into the workspace
but not placing it in a container. The site seems to work without the
background being in a container but I am concerned that without having in a
container I am creating any kind of problem. All the pages on the site will be the
same fade of grey but with the Enamel Guild Logo being smaller in the upper
left corner and all other information placed in containers.
Any suggestions would be appreciated
www.enamelguildsouth.org

The gradient should be all by itself on the body and repeated to fill available viewport. On my display, you have a good deal of white space on top, right and bottom.
The logo needs to be a separate image placed in the foreground. Same as footer text.
See more on Backgrounds:
http://alt-web.com/Backgrounds.shtml
See Basic CSS layout:
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Hi - just using the new iMovie for the first time - apparently there should be a sidebar containing tools like "Content Library". Not on mine - even in Window view, Content Library features like text etc are all greyed out - obviously it's me - help?

Hi - just using the new iMovie for the first time - apparently there should be a sidebar containing tools like "Content Library". Not on mine - even in Window view, Content Library features like text etc are all greyed out - obviously it's me - anyone help please?

Sorry - I should have added that I have imported a Quicktime movie, originally created as an iPhoto slideshow.
I want to create rolling credits at the movie end and apparently you can only do this using iMovie - can you help please?

How many classes should a .java file contain?

Are there any general guidelines on how many Java classes should be contained in a single .java file? I've been creating a new .java file for each class I write but see examples in Sun's Java tutorial where there are at least two classes in a single .java file. One such case is the TableDemo example at
http://java.sun.com/docs/books/tutorial/uiswing/components/example-swing/TableDemo.java
Thanks.

The example you point to isn't really more the one class in one java file. It makes use of an inner class. An inner class is something different! As far as I understand it, it is mainly used to implement some behaviour (in this case AbstractTableModel behaviour). If the MyTableModel was in a separate class file, it couldn't access the variable of the main TableDemo class. So they use an inner class.
So unless you need inner classes, this example is no reason to put more than one class in a .java file. In general, just put one class in a .java file. It's easier for everybody.

Set Background color of Container

how do i set the background color of a container? can someone help me pls.

how do i set the background color of a container? can
someone help me pls.Possibly, yes;-
http://search.java.sun.com/search/java/index.jsp?col=javaforums&qp=forum%3A57&qt=set+the+background+color+of+a+container&x=12&y=9

What methods should a controller interface contain? (MVC)

Implementing MVC architecture in hope of achieving good design in OO.
Using Observer pattern (java,util. Observable/Observer etc...)
Many people talk about having an Interface for both Controller code and View (GUI) code. I don't see the point really.
Question is what methods should an interface for a controller contain? surely not event code like "actionperformed"? Because how you know before hand what gui components you'll use? And even so, no need for an interface as interface is mostly suitable for using inheritors in many places..
any one explain to me the benefits and if really good design, what goes in interface for a controller?
thanks in advance.

I deem you dismiss the OP's idea too fast - but maybe I'm of the "second school of thought" :o)
I agree designing for different client technologies is overkill unless it is a requirement, but the OP specifically mentions changing the UI's widgets while sticking to the same technology (Swing, for that matter).
In this case, implementing Swing's EventListener interfaces in the controller has 2 drawbacks:
Did not mean to do so. My thrust was that regardless of #1 or #2, you can solve it with delegation. I believe this is the idea you describe below.
One has been discussed - namely, that the controller and view have to know intimate details about eachother. As you well described in reply #6, it is natural that they know a bit about eachother, but maybe not so much - otherwise what good is there to have two distinct classes?
The view needs some way to ask the controller to load the shopping basket, but why force the controller to receive the demand as an ActionEvent? The controller may expose a loadShoppingBasket() method, and leave it up to the view to implement the widget-level event handler that will call this method.
Similarly, the controller needs some way to ask the view to display the items in the basket, but it doesn't need to know whether it is displayed in a JList or a JTable or a JTextPane or whatever... The view may expose a displayShopingCartItems(List<Items>) method.
Agreed. That was my point, that you can delegate from the listeners to more meaningful controller methods. Whether one decides to implement an interface or simply use a stateless helper class with package-private methods (or whatever) is a design decision.
The second drawback with having the Controller class implements the many EventListener interfaces, is that if two different widget in the view trigger the same type of events (say, ActionEvent), the controller know has to disambiguate between the two possible sources (for example by examining the event's actionCommand field).
Not only does that couple the controller's code to the view's implementation (which should be the only one to know that the "Submit" and "Cancel" buttons have respective action commands of "SUB" and "NONE"), which is only drawback #1 reiterated, but with more than two sources of ACtionEvent, that also makes for wide if-then-else blocks in the actionPerformed() method, which is not elegant nor error-proof.
I agree. Although another alternative is to use inheritance to overcome this limitation. Again, it's all how much work you think is justified.
In summary, I find it less coupled, and more maintenable, to have the controller and view classes expose hardly-higher-level methods such as, loadBasket() and displayItems(List<Items>), and have the view implement small (generally anonymous) event-listener that handle the widget-level events and delegate to the appropriate hardly-higher-level controller's method.
That said, unless it is required that several implementation of a same logical view coexist, there's no real incentive that the hardly-higher-level methods be exposed in interfaces; exposing them in the concrete Controller and View classes is fine.
Agreed. (Above). :^)
One last word: actrually there's an incentive that the view's methods be exposed in an interface: it makes it easier to unit-test the controller class, by injecting mocks of the views without depending on a Swing runtime (I posted [a thread|http://forums.sun.com/thread.jspa?forumID=57&threadID=5377751] about difficulties in using Swing components in headless builds).
Will have to chew on that one. My gut instinct is the view would be the last thing I would bother to have interfaces for (without the need to support multiple views). It's an interesting thought tho. I guess my base position is to unit test everything in the model and integration test the views and controllers. Tho, to your point, failures in the VC are obvious to users and immediately annoying.
Edited by: jduprez on Aug 23, 2009 9:02 PM - formatting
Edited by: jduprez on Aug 23, 2009 9:16 PM- had a hard time getting the hold on my old thread- Saish

View output should popup the lov containing EXCEL,Browser etc

Hi,
We are on 11.5.10.2 and the other instance is on 12.0.4,
We have one requirement in bothe the instance, When we are opening a "view output" to open the concurrent requests output file, We need to get the popup (LOV) to choose excel, browser etc
I got one doc:184375.1 but i am not sure, This is the perticular doc
Please help me out to make this setup.
many thanks in advance...

Thanks Hsawwan,
I could able to configure..
Steps are
A.
1. System Administrator Responsibility
2. INSTALL > VIEWER OPTIONS
3. Created valid MIME for Excel
Format Type     MIME               DESCRIPTION
Text          application/vnd.msexcel     11i Excel
B.
1. System Administrator Responsibility
2. PROFILE > SYSTEM      -
3. Check the PROFILE > SYSTEM OPTION - Viewer: Text
This can be Blank to continue using the TOOLS > COPY FILE function or it can be set to browser to be able to choose a Viewer Option.
Now the Required functionality is working.
Regards
Vasu
Edited by: user593603 on Oct 17, 2008 6:02 AM

CAn't get background to contain content inside it .

I am wondering why the background box in this test page
http://www.aami.org/dev/tgs/template.htm
is not containing the content inside of it.
have created a "container" which sets the background and
that contains the masthead and a div tag "wrap" which contains the
two divs "sidebar" and "content". Why isn't the background
expanding to fit the content?
I have attached the relevant CSS.

Hello,
You didn't clear the floats, so they aren't contained in the
wrap div.
CSS:
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
HTML:
</ul>
</div>
<br class="clearfloat" />
</div>
</div>
<div id="footer">
I hope that helps.
Take care,
Tim
"TSemmes" <[email protected]> wrote in
message
news:fsu5tc$rls$[email protected]..
>I am wondering why the background box in this test page
>
http://www.aami.org/dev/tgs/template.htm
is not containing the content
> inside
> of it.
> have created a "container" which sets the background and
that contains
> the
> masthead and a div tag "wrap" which contains the two
divs "sidebar" and
> "content". Why isn't the background expanding to fit the
content?
>
> I have attached the relevant CSS.
>
> body {
> font: 11px/1.33 Verdana, Arial, Helvetica, sans-serif;
> color: #222;
> background-color: ;
> background:#DEE5EC url(images/body_bgrnd.jpg) repeat-x;
> margin: 12px auto;
> width: 856px;
> padding: 0;
> }
> #container {
> background-color: #FFFFFF;
> padding: 12px;
> border: solid 1px #666;
> }
> #wrap {
> padding: 24px;
> background: white;
> }
> #sidebar{
> width: 25%;
> float: left;
> margin-top: 0;
> background: white;
> }
> #content {
> width: 70%;
> float: right;
> background: white;
> }
>

Drawing images with transparent background on any AWT container control.

I have an AWT applet with some background image.
There is another image say of a size of an icon which
has a transparent background. This image can be
dragged anywhere on the applet.
I am using a panel of a size of an icon and drawing the
image on it. The whole panel is dragged when the user
drags the image.
The problem over here is, though the image has a
transparent background it is not appearing transparent
on the applet because the background of its container
i.e., the panel which is dragged along, itself is not
transparent.
My question is : "Is there a way to make a control, like a panel, background transparent in AWT or some other way that can produce a similar effect in AWT ?".
Please help me out.
Thanks.

Maybe the best way is to create your own component ( extending Component ) and then implementing paint() to do what you need.

Sidebar moving over right border of website and outside of main container

Hi
I'm doing a website and have a question.
I have a left nav bar, a fluid center column and an absolute positioned right sidebar.
The sidebar is set to clear left and float right.
However the sidebar moves over to the right and extends past the right border on some browsers.
It moves out of the main container and I would like it to remain within it.
Does anyone know how I can fix it so that the sidebar stays within the white area and does not move to the right?
Thanks for your help!!!!
Here is a screen shot
When the browser window gets a little smaller the sidebar goes back to where I want it.
Here is a link to my test page online:
http://elynncohen.com/index2.html
and here is my code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Your Career Direction Career and College Counseling</title>
<meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
<meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
"In-transition and considering new opportunities"
"Seeking to make a significant and meaningful career change" />
<meta name="Publisher" content="Your Career Direction, LLC" />
<meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
<meta name="Author" content="Lisa Mark" />
<meta name="Language" content="en-US" />
<meta name="distribution" content="global" />
<meta name="revisit-after" content="10 days" />
<meta name="Robots" content="All" />
<link rel="Index" href="index.html" />
<link rel="Site Map" href="sitemap.html" />
<script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style type="text/css">

</style></head>
<body><script type="text/javascript">
function pageWidth() {
return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
function pageHeight() {
return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
</script>
<div class="container">
<div class="header">
    <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" id="Insert_logo2" style="background: #FFF
    ; display:block;" /></a></p>
    <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
    <p class="clearfloat"> </p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="#">Home</a></li>
      <li><a href="#">High School Students</a></li>
      <li><a href="#">College Students</a></li>
      <li><a href="#">Parents/Educators</a></li>
      <li><a href="#">Professionals</a></li>
      <li><a href="#">Bio</a></li>
      <li><a href="#">Q & A Blog</a></li>
      <li><a href="#">Testimonials</a></li>
    </ul>
</div>
<div class="content">
<p>Given today's competitive job market, global economy, and changed corporate culture,
we can no longer depend upon others to ensure our professional futures. Choosing or
changing your career direction requires self-reflection, career education and an action plan.</p>
<img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
<ul>
      <br><br><li><strong>Considering your college choices & career options</strong></li>
      <li><strong>Preparing for the world of work after college</strong></li>
      <li><strong>Seeking a new position to further your career</strong></li>
      <li><strong>In-transition and considering new opportunities</strong></li>
      <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
    </ul>
<img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
<br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
<p> We are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go and become what you want to be.</p>
<img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
<div class="sidebar2">
    <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
    <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
     <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
     <p>We provide step by step guidance to ensure your success during the college application, job interview
and decision making process.
</p>
</div>
<div class="footer">
    <div id="footer">
      <h6 align="left"> Your Career Direction, LLC • 96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
         </div>
    <p> </p>
</div>
</div>
</body>
</html>

Absolute positioning will always cause you problems so it's best to avoid unless absolutely necessary.
Having said that, your layout issues were a straight-forward fix. Modify your style sheet with the below sections and and it should be ok. You might need to modify your CSS for smaller screens as once you reduce the browser window to about 500px, the right sidebar disappears. Something to be aware of.
.sidebar1 {
    float: left;
    width: 20%;
    padding-bottom: 10px;
    margin-top: 40px;
    border-top-color: #FFF;
    border-left: #FFF;
    margin-left: 25px;
    background-color: #FFF;
    font-family: museo-sans; arial;
    max-width: 200px;
    min-width: 180px;
    position: absolute;
.content {
    float: left;
    margin-top: 40px;
    margin: 40px 0 0 0;
    padding:10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10;
    font-family: museo-sans; arial;
    margin-right: 250px;
    margin-left: 220px;
    width: 50%; /* You can increase this to 55%, or add a left and right margin to space the elements */
    font-size: large;
.sidebar2 {
    float: right;
    float:left;
    width: 20%;
    background-color: #D3CCB2;
    margin-top: 40px;
    padding: 10px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    border-right-width: 5px;
    font-family: museo-sans; arial;
    font-size: 90%;
    position: absolute;
    clear: left;
    right: 12%;
.sidebar2 p img {
    min-width: 200px; /* This needs to be removed or made smaller if you are keeping it - or set a min-width on sidebar2 */
    max-width: 100%;
    width:100%;
    height:100%;
.container .content {
    width: 50%;
    font-size: large;
    font-family: museo-sans; arial;
EDIT:// I meant to say, you should probably spend some time tidying up your CSS as they are not in any obvious order and can get confusing with multiple styles for the same element. Having a clean and easy to understand CSS sheet makes it easier for you to figure out what is wrong. Will help you enormously in the long run.
Message was edited by: Rik

Error while executing program in background

We have a program to upload data to the presentation server in the xml file format.
It is working fine in foreground.But whenever we are trying to execute it in the background it gives error:
'Error in control framework'.

Prem,
Looking at the error that you have shown, looks like its a different error. Is there a control/GRID that is being used in the program.
If you are using a CUSTOM CONTAINER and a GRID to display the data, whenever you executing the program, you should not create the container. Something like this ..
    if cl_gui_alv_grid=>offline( ) is initial.
      create object CUSTOM_CONTAINER
             exporting container_name = CUSTOM_CONTROL
    endif.
Regards,
Ravi
note : Please reward the helpful posts.

Impossible to create a transparent background page to insert into an iframe

Hi,
I am trying to insert a page created in Muse inside another page by using an iframe in an HTML inclussion. I want it to be transparent so the background of the container page shows thru. The problem is Muse always gives a background color to any page it does, so the iframed page background is no transparent.
My iframe code is:
<iframe src="biografia2.html" width="630" height="566" seamless frameborder="0"></iframe>
And the biografia2 page loads its corresponding CSS file that begins with:
html
background: #D9D9D9;
If after exporting the site I remove these lines in the CSS file, the iframe appears transparent.
This lines are generated because in the Muse editor, when nothing is selected, so you have the page properties in the toolbar, the last control is the colour of the background of the browser, but you can't set this colour to null, so the page always has a colour. I think this is a bug in Muse that should be corrected.
Until then, the only solutions I can see are removing the mentioned lines manually after exporting the HTML or creating the iframed page without using Muse.

Hello,
In order to achieve this, you need to open your page biografia2.html in Muse and then Right Click and go to the Page properties.
There in HTML for head section you need to insert the code :
<style>
body{
background:transparent !important;
</style>
It will override the styling and the Background will be transparent for that page.
Hope this helps.
Regards,
Sachin

White background with swf export

How can I apply a swf file created in InDesign into my web page without the white background coming with it. I'm using CS6.
I'm selecting transparent background when exporting. This is so annoying.

When you export the swf there should be an HTML container in the same destination folder. If you view that HTML file in a browser do you get what you expect?
If you are moving the swf to another HTML page make sure the embed code parameters match. So in the boilerplate HTML ID creates the body tag and the embed parameters both have bgcolor as #999999:
When you move the swf make sure the div tag that encloses the swf has the same bcolor style color as the embed code's bgcolor

Faux column background not aligned in smaller browser window...

I'm working on a three-column webpage. I'm using fixed-width columns, with the left and right columns floated (started with a dreamweaver layout). I am also using a background applied to the <body> tag to apply the faux column look, so that the side column backgrounds flow all the way down the page.
My layout is a total of 780px wide, but the background image I'm using is 2000px wide. It's the same image that was used in the previous version of the website, and I can only guess that the image is that wide to "fill" the extra space around the main content when the browser window is wider than 780px. Because the image is so wide, I have it styled to center on the page. When my browser window >= 780px wide, everything looks great... the faux columns line up perfectly with the divs. However, when I make the window less than 780px, things get messy.
My layout elements stay where they are, meaning that the left edge of the container stays aligned with the left edge of the screen and a scroll bar appears at the bottom. However, since my background is set to center itself, it continues to try to center itself in the browser window. Basically, the content is not centered in the browser window, but the background is, causing the faux columns to not line up with the divs. The relevant CSS I have applied is:
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    color: #666666;
    background-repeat: repeat-y;
    background-position: center;
    background-image: url(../img/BG-gray.gif);
#container {
    width: 780px;
    margin: 0 auto;
    text-align: left; /* this overrides the text-align: center on the body element. */
Note: everything within the container div stays where it should relative to the container, so I didn't include the CSS for them, though I can post it up later if you really need to see it.
Is there a way to keep everything lined up in a smaller browser window? Or, would it be better to trim down the background image to the same width as the container?
Sorry for the long message, but I'm new at this. Please don't eat me.

Same problem, only worse. That causes the background to show from the very left edge of the image. All my text is in the gray area in the example below. Let me try to clarify...
The background image is something like this (colors are for clarity):
(filler)
Left faux column
Main content goes here. This is always in the center of the browser window.
Right faux column
(filler)
Where the combined width of the blue, white, and red sections is 780px. This is what I want my layout to line up with, the blue and red columns being the faux left and right columns, respectively. The gray areas are "filler" that colors the excess width in browser windows that are wider than the fixed width of the main content. With the background set to centered, the white stripe is always centered in the browser window. As long as the window is wider than my layout, the layout is centered in the browser window as well.
I'm looking for a way to either center the background relative to the layout container, not the browser window, or to keep the layout container centered in the browser window when the window is narrower than the layout.

Tiling a background image

I've recently moved over from GoLive, and I am re-doing my site template in DW. I want to do a background image that will expand as needed (be really long on a long page, not so long on a short one, etc.) and can't figure out how. My old one was done as one column of a table, so if the second column kept going, so did the image in the first column (see http://www.bikeraceinfo.com/about-us.html , it's the red/white/green stripe down the left side, and is a separate image from the red/white/green stripe that folds around from the image across the top). I am using a 3-column layout provided by DW ("3 column fixed, header and footer"). I've tried doing a tiled background in the "container", didn't work (nothing showed up at all). Tried a tiled background in "main content", it did put the stripes in, but since "main content" in my layout is centered, that wouldn't work, and it only showed up where there weren't words. Tiling it in the "body" puts it outside of the container, so it doesn't line up with the top graphic, and gets swallowed up and disappears on a small monitor. I tried putting in another div which would contain the tiled graphic, but it didn't seem to understand a height of "100%" to mean that it should go all the way to the bottom of the page. What do I do?
Carol

From what I understand, I think you are looking for a technique called "Faux Columns."
It looks to me as though you are trying to rebuild your set using CSS instead of tables for layout. That's a good idea! I think that you need to be cautious about using height in your layout because the most comfortable position is to allow the content of an element to determine that. Not always of course, but where you have content that changes between pages it will help.
Nancy O shows you a layout using faux columns here:
http://alt-web.com/TEMPLATES/3-col-white-gray.shtml
And you can see the image that she has used to make the faux columns here.
http://alt-web.com/Images/BG/tri-color-bg.gif
It would be eaier to advise if you could post a link to the new page and someone could probably tell you exactly which element to put an image into but effectively the image can go in the containing element.
I hope that helps and that I haven't misunderstood your question
Martin

How i can do a drag drop between container (grid)?

I am trying to work out a task with Drag and Drop(WPF ,C#)to include in a demo ,i will explain easy showing an example of code in XAML
<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid x:Name="container1" Grid.Row="0" >
<Grid Name="grid1" Background="Aqua" Margin="15"></Grid>
</Grid>
<Grid x:Name="container2" Grid.Row="1" >
<Grid Name="grid2" Background="blue" Margin="15"></Grid>
</Grid>
<Grid x:Name="container3" Grid.Row="2" >
<Grid Name="grid3" Background="green" Margin="15"></Grid>
</Grid>
</Grid>
My purpose is when the user drag the
grid1 in the
container2 automatically the grid2 will go to place in the
container1 (basically I want to swap the grids) then this process will be used every time need to drag a grid in a container. with a code that i wrote down i can do a simple drag&drop i can drag the "grid1"
to the "container2" but cannot send back automatically the grid2 to container1.
Kindly i ask if you have any advise or tips to make successful this task.
Thank you so much for your attention
Cheers!!!
*********EDIT*********
Using this code as follow i can do the drag&drop but what really i need is the grid "container "is fix and never move just the
"grid" should move between the "container "
<StackPanel Name="sp" AllowDrop="True" Background="SkyBlue" PreviewMouseLeftButtonDown="sp_PreviewMouseLeftButtonDown" PreviewMouseLeftButtonUp="sp_PreviewMouseLeftButtonUp" PreviewMouseMove="sp_PreviewMouseMove"
DragEnter="sp_DragEnter" Drop="sp_Drop">
<Grid Name="grid1" Background="Aqua" Height="120" Width="500"></Grid>
<Grid Name="grid2" Background="Blue" Height="120" Width="500"></Grid>
<Grid Name="grid3" Background="Red" Height="120" Width="500"></Grid>
</StackPanel>
private bool _isDown;
private bool _isDragging;
private Point _startPoint;
private UIElement _realDragSource;
private UIElement _dummyDragSource = new UIElement();
public MainWindow()
InitializeComponent();
private void sp_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
if (e.Source == this.sp)
else
_isDown = true;
_startPoint = e.GetPosition(this.sp);
private void sp_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
_isDown = false;
_isDragging = false;
_realDragSource.ReleaseMouseCapture();
private void sp_PreviewMouseMove(object sender, MouseEventArgs e)
if (_isDown)
if ((_isDragging == false) && ((Math.Abs(e.GetPosition(this.sp).X - _startPoint.X) > SystemParameters.MinimumHorizontalDragDistance) ||
(Math.Abs(e.GetPosition(this.sp).Y - _startPoint.Y) > SystemParameters.MinimumVerticalDragDistance)))
_isDragging = true;
_realDragSource = e.Source as UIElement;
_realDragSource.CaptureMouse();
DragDrop.DoDragDrop(_dummyDragSource, new DataObject("UIElement", e.Source, true), DragDropEffects.Move);
private void sp_DragEnter(object sender, DragEventArgs e)
if (e.Data.GetDataPresent("UIElement"))
e.Effects = DragDropEffects.Move;
private void sp_Drop(object sender, DragEventArgs e)
if (e.Data.GetDataPresent("UIElement"))
UIElement droptarget = e.Source as UIElement;
int droptargetIndex=-1, i =0;
foreach (UIElement element in this.sp.Children)
if (element.Equals(droptarget))
droptargetIndex = i;
break;
i++;
if (droptargetIndex != -1)
this.sp.Children.Remove(_realDragSource);
this.sp.Children.Insert(droptargetIndex, _realDragSource);
_isDown = false;
_isDragging = false;
_realDragSource.ReleaseMouseCapture();
Thanks :)

Hello Jonny,
Currently I do not have a sample and I have reviewed this post and find another way which seems more reasonable. Have you cosidered use a ListView instead of common grid. It seems we can do what you want with two common grid however we need to hardcoded
all the things.
If we use ListView, for example, you can see this thread:
http://stackoverflow.com/questions/20573063/creating-icon-view-mode-for-listview-wpf
and this thread:
http://stackoverflow.com/questions/9443695/how-do-i-drag-drop-items-in-the-same-listview
We can drag and drop items instead of grid, which will make this programming much easier than hard code to switch your control's location.
Best regards,
Barry
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.
Dear Barry Wang thank you so much for your kind support ,just open me a way to do it ,you can see in this post https://social.msdn.microsoft.com/Forums/vstudio/en-US/55873851-e86c-4a20-9b00-de3419054ba8/get-stuck-to-dragdrop-in-this-case?forum=wpf .
Wish you a Happy New Year .
Sincerley

Should background be in container

Similar Messages

Maybe you are looking for