YUILibrary - Open source JavaScript and CSS for building richly interactive software.
Fork YUI on GitHub
  [ 9 posts ]

ram_gwu

  • Joined: Tue Nov 10, 2009 7:39 am
  • Posts: 5
  • Offline
  • Profile

YUI 3 DD - portal example drop target resize?

Post Posted: Tue Nov 24, 2009 8:00 am
+0-
Folks, I am trying to use the YUI drag and drop example. The problem is the styling. I am unable to find which CSS has the size specs for the drop targets. For example, if I drag a feed and drop it into a list, where is the length of the feed links being set within the list? I have just one list instead of three, which takes all of the center part of the page. When I load lets say "yahoo.com" inside the list instead of a feed, it sets within a prefixed table size for the page.

I have a link that shows the example with problem:
http://www.freewebs.com/ram_gwu/1.bmp

Here you can see that I drag the active site list to the center and I am trying to get a table inside that block. However, the size if the table is much smaller than the size of the block. From the portal DD example from YUI, all I changed was that, instead of 3 lists, I just made it into one and increased the width to fit the page. However, somewhere in the YUI code, it restricts the inner content to the pre-defined "feeds" size set somewhere. What I need is that that size should be relative to occupy the entire active list block.

Please help. Thanks in advance.

Dav Glass

YUI Developer

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 1156
  • Location: Cupertino, CA
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • YUI Developer
  • Offline
  • Profile
Tags:

Re: YUI 3 DD - portal example drop target resize?

Post Posted: Tue Nov 24, 2009 8:05 am
+0-
Since I can't see the page I'm gonna take a guess.
The only CSS that limits the size is this rule:

Code:
ul.list {
     width: 325px;
}

ram_gwu

  • Joined: Tue Nov 10, 2009 7:39 am
  • Posts: 5
  • Offline
  • Profile
Tags:

Re: YUI 3 DD - portal example drop target resize?

Post Posted: Tue Nov 24, 2009 9:42 am
+0-
I have tried modifying that but it changes the width of the overall/outer frame. It does not change the frame/content inside. There is a smaller frame inside which I am trying to resize along with ul.list which is currently "relative" for me.

In the first post that I included I have a link to the screenshot. It clearly shows the problem. I appreciate the help.

Dav Glass

YUI Developer

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 1156
  • Location: Cupertino, CA
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • YUI Developer
  • Offline
  • Profile

Re: YUI 3 DD - portal example drop target resize?

Post Posted: Tue Nov 24, 2009 9:43 am
+0-
The screenshot shows the problem, but doesn't help me solve it. I can't debug a picture ;)

How about a link?

ram_gwu

  • Joined: Tue Nov 10, 2009 7:39 am
  • Posts: 5
  • Offline
  • Profile

Re: YUI 3 DD - portal example drop target resize?

Post Posted: Tue Nov 24, 2009 9:53 am
+0-
you are right...let me see how I can give access to my phps...

Dav Glass

YUI Developer

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 1156
  • Location: Cupertino, CA
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • YUI Developer
  • Offline
  • Profile
Tags:

Re: YUI 3 DD - portal example drop target resize?

Post Posted: Tue Nov 24, 2009 9:54 am
+0-
I don't need the source files, just a link will be fine.

ram_gwu

  • Joined: Tue Nov 10, 2009 7:39 am
  • Posts: 5
  • Offline
  • Profile
Tags:

Re: YUI 3 DD - portal example drop target resize?

Post Posted: Wed Nov 25, 2009 12:59 pm
+0-
I just set up where you can try it out.

Just type: 68.83.214.116 on your browser and it should take you to a form for login. type "temp", "password" for ID/pass and it should take you to an example page.

Then try dragging one of the items. In the second one I have google.com as an example page. I would like that to use the full size of the frame. Also make the frame resize based on the inner page.

Dav Glass

YUI Developer

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 1156
  • Location: Cupertino, CA
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • YUI Developer
  • Offline
  • Profile
Tags:

Re: YUI 3 DD - portal example drop target resize?

Post Posted: Wed Nov 25, 2009 4:54 pm
+0-
Try this CSS:

Code:
div.mod div.inner {
     overflow:hidden;
     /*width:1000px;*/
}
div.mod div.inner iframe {
    width: 98%;
}

ram_gwu

  • Joined: Tue Nov 10, 2009 7:39 am
  • Posts: 5
  • Offline
  • Profile
Tags:

Re: YUI 3 DD - portal example drop target resize?

Post Posted: Wed Nov 25, 2009 4:58 pm
+0-
That was fantastic! The solution seems pretty simple with setting the inner frame size - my lack of knowledge.

I really appreciate your help even on Thanksgiving eve...happy thanksgiving!
  [ 9 posts ]
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum