Google gadget width 100%

Adding Google Facebook gadget to my external website and need for the width to be 100%.  setting w=100% doesn't work.  I've tried setting the script ID and applying width using CSS but doesn't work.  Is it possible to get this to size width 100%?

Here's the widget: http://www.gmodules.com/ig/creator?synd=open&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F100080069921643878012%2Ffacebook.xml&lang=en
azyet24Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

MrunalCommented:
you have to apply width="100%" to table which has id = "previewarea"
and for inner table also.

hope this gets you out of your problem.
0
azyet24Author Commented:
I added #previewarea {width:100%} to my stylesheet, which loads last on the page.  I was unable to identify an inner table.  I viewed source of the gadget and then looked at Google's css and didn't see anything that would be causing the widget to not expant to 100%.  It seems to be locked in on the script width value, which only accepts px numbers.
0
MrunalCommented:
If you want make inner table also having width as 100%, then you can use jQuery as:

1. Include jquery js file in your project.
2. Write this code :

$(document).ready(function() {
          $('#previewarea').find("table:first").css('width', '100%');
});

It will apply width as 100% to inner table.

Hope this helps you.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

azyet24Author Commented:
hmm, I must be doing something wrong then b/c it still is not working.   here's the code:


 <script src="scripts/jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#previewarea').find("table:first").css('width', '100%');
    });</script>
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/facebook.xml&up_session=&synd=open&w=100&h=200&title=&lang=en&country=ALL&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
0
MrunalCommented:
Update this code:

$(document).ready(function() {
        alert('start');
        $('#previewarea').find("table:first").css('width', '100%');
       alert('Object: ' + $('#previewarea') + ' and ID: ' + $('#previewarea').attr('ID'));
});</script>

If you are getting both alerts; and second with value:
Object: [Object] and ID: previewarea

then this should work.

you can check the same in firebug in firefox.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
azyet24Author Commented:
No I get this:

Object: [object Object] and ID: undefined
0
MrunalCommented:
Can you pl share your code where exactly you put your code, so that i can check ?
0
azyet24Author Commented:
Sorry for the delay.  I was able to get this t work using an alternative approach.  On the intranet login screen I'm using javascript to capture the resolution and assinging the value to a hidden input control.  From there I read upon postback the value in code-behind and storing in cookie to use in the site.  Therefore I now know how I need to size the widget.  thanks for you help.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.