Loading ...
Sorry, an error occurred while loading the content.
 

Re: [ydn-javascript] Re: JS Alert to YUI alert Dialog

Expand Messages
  • dav.glass@yahoo.com
    Tahir -- Can you post a link to the issue? It s easier to debug if we can see it in action.. As for styling it take a look at the skinning example on the YDS
    Message 1 of 15 , May 31, 2007
      Tahir --

      Can you post a link to the issue? It's easier to debug if we can see it in action..

      As for styling it take a look at the skinning example on the YDS site here:
      http://developer.yahoo.com/yui/examples/container/skin/1.html

      Hope that helps..
      Dav
       
      Dav Glass
      dav.glass@...
      blog.davglass.com


      + Windows: n. - The most successful computer virus, ever. +
      + A computer without a Microsoft operating system is like a dog
      without bricks tied to its head +
      + A Microsoft Certified Systems Engineer is to computing what a
      McDonalds Certified Food Specialist is to fine cuisine +


      ----- Original Message ----
      From: Tahir Akram <tahirakramch@...>
      To: ydn-javascript@yahoogroups.com
      Sent: Thursday, May 31, 2007 1:16:35 AM
      Subject: [ydn-javascript] Re: JS Alert to YUI alert Dialog

      Got running modal and dragable but Image still not shown, and how we
      can give our own style to this alert, IE show very small height of
      blue header.

      --- In ydn-javascript@yahoogroups.com, "Tahir Akram"
      <tahirakramch@...> wrote:
      >
      > PROBLEM ON IE6
      > - If I do modal: true and draggable:true, it also didn't work on IE6
      >
      > I need the idea, why these things are working fine on your blog in
      > IE6, but why not on my side...
      >
      > confused!
      >
      > --- In ydn-javascript@yahoogroups.com, Tahir Akram <tahirakramch@>
      > wrote:
      > >
      > > Thanks Dave, I
      got your example running in my IE6. But I have some
      > issues, which are *not happening on your blog example* but on my side
      > >
      > > PROBLEM ON IE6
      > > - The icon of warning is not shown
      > > - The text of the dialog alert is very small, body text, header text
      > and button text
      > > - The height of blue header is very small, that didn't show me
      > Alert! text
      > > - The size of diagonal alert is different as compare to Firefox,
      > comparatively small
      > >
      > > QUESTIONS
      > > - How I can implement my css styles on this alert message body and
      > upper blue header, means I want to show my styled alert with upper
      > header bg color and header text and body text
      > > - I notice message alert on Yahoo Mail beta, that looks more
      > professional, have 3d effects, looks a windows alert but with indigo
      > purple colors of Yahoo Mail, how we can make such
      alert?
      > > * To check this alert, click on empty link of trash and you see an
      alert
      > >
      > > Thanks again
      > >  
      > > --
      > > Tahir Akram
      > >
      > >
      > >
      > > ----- Original Message ----
      > > From: "dav.glass@" <dav.glass@>
      > > To: ydn-javascript@yahoogroups.com
      > > Sent: Thursday, May 31, 2007 3:55:21 AM
      > > Subject: Re: [ydn-javascript] Re: JS Alert to YUI alert Dialog
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >  
      > >
      > >
      > >    
      > >            
      > > Sorry about that, the example has been updated..
      > >
      > > The issue was that I set after the dialog is rendered, it uses the
      >
      setBody method to set the body to the str passed to the alert function.
      > >
      > > That will wipe the body contents, killing the icon.
      > >
      > > So I had to re-set the config and then "re-render" the dialog for
      > the icon to show up..
      > >
      > > Dav
      > >  
      > > Dav Glass
      > > dav.glass@yahoo. com
      > > blog.davglass. com
      > >
      > >
      > > + Windows: n. - The most successful computer virus, ever. +
      > > + A computer without a Microsoft operating system is like a dog
      > >     without bricks tied to its head +
      > > + A Microsoft Certified Systems Engineer is to computing what a
      > >    McDonalds Certified Food Specialist is to fine cuisine  +
      > >
      > > ----- Original Message ----
      > > From: Bob Page <bobpage54@yahoo. com>
      > > To:
      ydn-javascript@ yahoogroups. com
      > > Sent: Wednesday, May 30, 2007 2:03:06 PM
      > > Subject: [ydn-javascript] Re: JS Alert to YUI alert Dialog
      > >
      > > --- In ydn-javascript@ yahoogroups. com, dav.glass@ . wrote:
      > > >
      > > > Tahir --
      > > >
      > > > Here is an updated example:
      > > > http://blog. davglass. com/files/ yui/widget_ alert/
      > > >
      > > > It should work in all Grade-A browsers now :)
      > > >
      > >
      > > One small thing I noticed is that the SimpleDialog warning icon isn't
      > > showing up.  I saw though that the property was set in the code:
      > >
      > > icon: YAHOO.widget. SimpleDialog. ICON_WARN
      > >
      > > Just curious why not.  :/
      > >
      > >
      > >
      > >  
      > > Yahoo! Groups
      Links
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >    
      > >  
      > >
      > >    
      > >    
      > >
      > >
      > >
      > >
      > > <!--
      > >
      > > #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean,
      > sans-serif;}
      > > #ygrp-mlmsg table {font-size:inherit;font:100%;}
      > > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica,
      > clean, sans-serif;}
      > > #ygrp-mlmsg pre, code {font:115% monospace;}
      > > #ygrp-mlmsg * {line-height:1.22em;}
      > > #ygrp-text{
      > > font-family:Georgia;
      > > }
      > > #ygrp-text p{
      > > margin:0 0 1em 0;}
      > > #ygrp-tpmsgs{
      > > font-family:Arial;
      > >
      clear:both;}
      > > #ygrp-vitnav{
      > > padding-top:10px;font-family:Verdana;font-size:77%;margin:0;}
      > > #ygrp-vitnav a{
      > > padding:0 1px;}
      > > #ygrp-actbar{
      > > clear:both;margin:25px
      > 0;white-space:nowrap;color:#666;text-align:right;}
      > > #ygrp-actbar .left{
      > > float:left;white-space:nowrap;}
      > > .bld{font-weight:bold;}
      > > #ygrp-grft{
      > > font-family:Verdana;font-size:77%;padding:15px 0;}
      > > #ygrp-ft{
      > > font-family:verdana;font-size:77%;border-top:1px solid #666;
      > > padding:5px 0;
      > > }
      > > #ygrp-mlmsg #logo{
      > > padding-bottom:10px;}
      > >
      > > #ygrp-vital{
      > > background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;}
      > > #ygrp-vital #vithd{
      > >
      >
      font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;}
      > >
      #ygrp-vital ul{
      > > padding:0;margin:2px 0;}
      > > #ygrp-vital ul li{
      > > list-style-type:none;clear:both;border:1px solid #e0ecee;
      > > }
      > > #ygrp-vital ul li .ct{
      > >
      >
      font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;}
      > > #ygrp-vital ul li .cat{
      > > font-weight:bold;}
      > > #ygrp-vital a {
      > > text-decoration:none;}
      > >
      > > #ygrp-vital a:hover{
      > > text-decoration:underline;}
      > >
      > > #ygrp-sponsor #hd{
      > > color:#999;font-size:77%;}
      > > #ygrp-sponsor #ov{
      > > padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;}
      > > #ygrp-sponsor #ov ul{
      > > padding:0 0 0 8px;margin:0;}
      > > #ygrp-sponsor #ov li{
      > > list-style-type:square;padding:6px 0;font-size:77%;}
      > > #ygrp-sponsor #ov li a{
      > >
      text-decoration:none;font-size:130%;}
      > > #ygrp-sponsor #nc {
      > > background-color:#eee;margin-bottom:20px;padding:0 8px;}
      > > #ygrp-sponsor .ad{
      > > padding:8px 0;}
      > > #ygrp-sponsor .ad #hd1{
      > >
      >
      font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;}
      > > #ygrp-sponsor .ad a{
      > > text-decoration:none;}
      > > #ygrp-sponsor .ad a:hover{
      > > text-decoration:underline;}
      > > #ygrp-sponsor .ad p{
      > > margin:0;}
      > > o {font-size:0;}
      > > .MsoNormal {
      > > margin:0 0 0 0;}
      > > #ygrp-text tt{
      > > font-size:120%;}
      > > blockquote{margin:0 0 0 4px;}
      > > .replbq {margin:4;}
      > > -->
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >        
      > >
      >
      ____________________________________________________________________________________
      > > Be a better Heartthrob. Get better relationship answers from someone
      > who knows. Yahoo! Answers - Check it out.
      > > http://answers.yahoo.com/dir/?link=list&sid=396545433
      > >
      >





      Yahoo! Groups Links

      <*> To visit your group on the web, go to:
          http://groups.yahoo.com/group/ydn-javascript/

      <*> Your email settings:
          Individual Email | Traditional

      <*> To change settings online go to:
          http://groups.yahoo.com/group/ydn-javascript/join
          (Yahoo! ID required)

      <*> To change settings via email:
          mailto:ydn-javascript-digest@yahoogroups.com
          mailto:ydn-javascript-fullfeatured@yahoogroups.com

      <*> To unsubscribe from this group, send an email to:
          ydn-javascript-unsubscribe@yahoogroups.com

      <*> Your use of Yahoo! Groups is subject to:
          http://docs.yahoo.com/info/terms/


    Your message has been successfully submitted and would be delivered to recipients shortly.