1. <Ian Nicoll/>'s Avatar
    Thanks alot Ian, but when I set var noAnimationsOnStartup = true; I have no Sun/Moon it would be nice to have an option, to disable the weatherAnimations, but keep the Sun/Moon moving during the day with WeatherWalls That "double tap" feature sounds great imo
    Ah, I see, I have a quick fix for you.

    1. Open main.js file and delete all this part:
    Code:
    	// SUPERLITEMODE
    	if (superLiteMode == true) {
    		ShowSecondsLightRing = false;
    		SecDisplay = false;
    		noAnimationsOnStartup = true;
    		realMoon = false;
    	}
    2. in Config.js file, change this word to sunAndMoonOnly:
    var superLiteMode = true;

    3. Download & unzip the attached file, replace your "animations.js" file with this one.

    Done. But you maybe want to set var noAnimationsOnStartup = true; to false? Up to you.

    Basically all I did here for a quick fix is removed SuperLiteMode & changed all the code for it in the animations.js file, you will see I just set all conditions to have only the sun or moon (createSunOrMoon();).
    Attached Files
    Last edited by <Ian Nicoll/>; 2015-11-25 at 07:00 PM.
    2015-11-25 06:58 PM
  2. Pibe77's Avatar
    Ian, may i ask a question?
    I would like to place Hourly Forecast in separate position... not all in the same line..e.g. three in line, others three down in separate line....etc..

    Thanks alot in advance




    Inviato a vapore dal mio iPhone
    2015-11-25 07:18 PM
  3. mike42's Avatar
    Ah, I see, I have a quick fix for you.

    1. Open main.js file and delete all this part:
    Code:
    // SUPERLITEMODE
    if (superLiteMode == true) {
    ShowSecondsLightRing = false;
    SecDisplay = false;
    noAnimationsOnStartup = true;
    realMoon = false;
    }
    2. in Config.js file, change this word to sunAndMoonOnly:
    var superLiteMode = true;

    3. Download & unzip the attached file, replace your "animations.js" file with this one.

    Done. But you maybe want to set var noAnimationsOnStartup = true; to false? Up to you.

    Basically all I did here for a quick fix is removed SuperLiteMode & changed all the code for it in the animations.js file, you will see I just set all conditions to have only the sun or moon (createSunOrMoon();).
    Thanks but doesn't work on my 8.4 5s this is what I got.. UniAW7UniAW7-imageuploadedbymodmyi1448475808.172471.jpg
    2015-11-25 07:24 PM
  4. <Ian Nicoll/>'s Avatar
    Thanks but doesn't work on my 8.4 5s this is what I got.. UniAW7UniAW7-imageuploadedbymodmyi1448475808.172471.jpg
    Oops, iWidget!

    Add the switch also into Config_iWidget.js file
    var sunAndMoonOnly = true;

    Also in Options.plist delete the switch:
    Code:
    	<dict>
    		<key>default</key>
    		<false/>
    		<key>label</key>
    		<string>LiteMode, better performance</string>
    		<key>name</key>
    		<string>superLiteMode</string>
    		<key>type</key>
    		<string>switch</string>
    	</dict>


    ==================


    Ian, may i ask a question?
    I would like to place Hourly Forecast in separate position... not all in the same line..e.g. three in line, others three down in separate line....etc..

    Thanks alot in advance
    I try to answer you tomorrow pal, gotta sleep now.
    Last edited by <Ian Nicoll/>; 2015-11-25 at 07:56 PM.
    2015-11-25 07:44 PM
  5. Pibe77's Avatar


    ==================




    I try to answer you tomorrow pal, gotta sleep now.
    Thank you very muchUniAW7!!!!



    Inviato a vapore dal mio iPhone
    2015-11-25 09:42 PM
  6. TiLT1oNE's Avatar
    Ah, I see, I have a quick fix for you.

    1. Open main.js file and delete all this part:
    Code:
    // SUPERLITEMODE
    if (superLiteMode == true) {
    ShowSecondsLightRing = false;
    SecDisplay = false;
    noAnimationsOnStartup = true;
    realMoon = false;
    }
    2. in Config.js file, change this word to sunAndMoonOnly:
    var superLiteMode = true;

    3. Download & unzip the attached file, replace your "animations.js" file with this one.

    Done. But you maybe want to set var noAnimationsOnStartup = true; to false? Up to you.

    Basically all I did here for a quick fix is removed SuperLiteMode & changed all the code for it in the animations.js file, you will see I just set all conditions to have only the sun or moon (createSunOrMoon();).
    Hi Ian, thanks for your help. I made my 4 favourite UNiAW-iWidgets a lil lighter. With the help of your animations.js I can see what changes you made in that animations.js file, and with that way I can see, what I can enable or disable for each Weather condition. I looked at the default animations.js and found a "superlitemode" line/cmd, I throw some things away, and make the superlitemode a lil bit more "lighter" I removed the Medium Balloons, the Wiper, the leaves, and the rain&snow effect (imo rain & snow doesnt look cool with iWidgets, cause when we scroll to our 2nd SB Page, there is no Rain or Snow. It looks better with a SBHTML theme). I called that now animations_iWidget.js. With that setup, I can keep the "superlitmode"


    ...is UNiAW better on LS or SB, or is there no difference. Cause I read somewhere, that UNiAW didnt stop on SB, when we lock the phone (SBHTML or iWidget), but on the LS the Widgets stops when the phone goes into deep sleep.

    Code:
    	} else { // BELOW IS THE CONFIGURATION FOR SUPERLITEMODE
    		switch (filename) {
    		case "clear" :
    			createSunOrMoon();
    			createStars(5);
    			createMeteors(1);
    			createSmallBalloons(2);
    			createFrost();
    		break;
    		case "cloud":
    			createStaticClouds();
    			createDarkClouds(5);
    			createFrost();
    		break;
    		case "fair":
    			createSunOrMoon();
    			createStars(5);
    			createMeteors(1);
    			createFairClouds(2);
    			createSmallBalloons(2);
    			createFrost();
    		break;
    		case "frost":
    			createSunOrMoon();
    			createStars(5);
    			createMeteors(1);
    			createFrost();
    		break;
    		case "fog":
    			createSunOrMoon();
    			createStars(5);
    			createMeteors(1);
    			createFog(5);
    			createFrost();
    		break;
    		case "haze":
    			createSunOrMoon();
    			createStars(5);
    			createMeteors(1);
    			createHaze(5);
    			createFrost();
    		break;
    		case "partlycloudy":
    			createSunOrMoon();
    			createStars(5);
    			createMeteors(1);
    			createWhiteClouds(3);
    			createSmallBalloons(2);
    			createFrost();
    		break;
    		case "mostlycloudy":
    			createStaticClouds();
    			createSunOrMoon();
    			createStars(3);
    			createWhiteClouds(5);
    			createSmallBalloons(2);
    			createFrost();
    		break;
    		case "scattered_thunderstorms":
    			createStaticClouds();
    			createDarkClouds(5);
    			createLight(1,1);
    			createFrost();
    		break;
    		case "thunderstorm":
    			createStaticClouds();
    			createDarkClouds(5);
    			createLight(1,1);
    			createFrost();
    		break;
    		case "rain":
    			createStaticClouds();
    			createDarkClouds(5);
    			createFrost();
    		break;
    		case "showers":
    			createStaticClouds();
    			createSunOrMoon();
    			createWhiteClouds(5);
    			createRainbow();
    			createFrost();
    		break;
    		case "hail":
    			createStaticClouds();
    			createDarkClouds(5);
    			createHail(20);
    			createFrost();
    		break;
    		case "sleet":
    			createStaticClouds();
    			createWhiteClouds(5);
    			createFrost();
    		break;
    		case "lightsnow":
    			createWhiteClouds(5);
    			createSunOrMoon();
    			createFrost();
    		break;
    		case "snow":
    			createStaticClouds();
    			createWhiteClouds(5);
    			createFrost();
    		break;
    		case "heavysnow":
    			createStaticClouds();
    			createWhiteClouds(5);
    			createFrost();
    		break;
    		case "wind":
    			createSunOrMoon();
    			createStars(5);
    			createMeteors(2);
    			createFrost();
    		break;
    		case "christmas":
    			createWhiteClouds(5);
    			createSnow(40);
    			createFrost();
    		break;
    		}
    	}
    }
    UniAW7-imageuploadedbymodmyi1448501449.674657.jpg UniAW7-imageuploadedbymodmyi1448501458.007741.jpg
    Last edited by TiLT1oNE; 2015-11-26 at 02:34 AM.
    2015-11-26 02:31 AM
  7. TiLT1oNE's Avatar
    That simple widget sounds great - can't wait to play around with it. Looking forward to it, thanks Ian.
    Hi Sital,

    Cant wait to see some projects from you with that new simple widget

    I have some probs with your UAW71.Frames_Sital and UAW71.Glass_Sital iWidgets. The touch functions stopped working :/ when I try to touch the Temp in the left corner, the animations didnt stop ot start anymore. When i try that in Filza the touch function iss working fine, the animations start/stop is working. But not on my SB, Im using 2 other UNiAW iWidgets from m37h too, and with that 2 iWidgets, I didnt have these probs, the touch function iss still working on my SB and in Filza.
    2015-11-26 02:45 AM
  8. King_O_Hill's Avatar
    Did you reduce the "height" in the widgets.plist file? It needs to be tall enough to reach the touch area.

    Check out WW3 for iOS 9/10 - Widget-Weather 3.0
    2015-11-26 03:49 AM
  9. Sital's Avatar
    Hi Sital,

    Cant wait to see some projects from you with that new simple widget

    I have some probs with your UAW71.Frames_Sital and UAW71.Glass_Sital iWidgets. The touch functions stopped working :/ when I try to touch the Temp in the left corner, the animations didnt stop ot start anymore. When i try that in Filza the touch function iss working fine, the animations start/stop is working. But not on my SB, Im using 2 other UNiAW iWidgets from m37h too, and with that 2 iWidgets, I didnt have these probs, the touch function iss still working on my SB and in Filza.
    It's my fault, too much tinkering. The following steps should fix it for you (I tested it on my phone and it restored the touch function).

    1) Close the widget.
    2) Go into Widget.plist and change the height value from 50 to 300.
    3) Respring.
    4) Add the widget back to the SB.
    2015-11-26 03:50 AM
  10. <Ian Nicoll/>'s Avatar
    Ian, may i ask a question?
    I would like to place Hourly Forecast in separate position... not all in the same line..e.g. three in line, others three down in separate line....etc..

    Thanks alot in advance
    Sorry pal, it needs to be done with a table in the html, unfortunately I'm not too clever with tables.
    2015-11-26 05:15 PM
  11. Pibe77's Avatar
    Sorry pal, it needs to be done with a table in the html, unfortunately I'm not too clever with tables.
    No problem pal, and thanks a lot for your time!!! Btw im still playing something with css, html and main...to see if i will figure it!!
    Thanks!!


    Inviato a vapore dal mio iPhone
    2015-11-26 06:15 PM
  12. <Ian Nicoll/>'s Avatar
    No problem pal, and thanks a lot for your time!!! Btw im still playing something with css, html and main...to see if i will figure it!!
    Thanks!!
    This is the code for the hourlyForecast "for loop":
    https://jsfiddle.net/5Lfpqp50/
    I'm still playing but no success yet, I'm trying to find an easy way to make a line break every 3rd loop with the below code but isn't working, it's annoying me now
    [CODE]if ( i%3 == 0 )
    {
    //Break here
    }[/CODE
    2015-11-26 06:19 PM
  13. dollface54's Avatar
    Happy Thanksgiving Ian, if you celebrate UniAW7


    Sent from my iPhone using Tapatalk
    iPhone 6 on 8.4
    2015-11-26 06:21 PM
  14. Pibe77's Avatar
    This is the code for the hourlyForecast "for loop":
    https://jsfiddle.net/5Lfpqp50/
    I'm still playing but no success yet, I'm trying to find an easy way to make a line break every 3rd loop with the below code but isn't working, it's annoying me now
    [CODE]if ( i%3 == 0 )
    {
    //Break here
    }[/CODE
    Thank you, i will give a tryUniAW7UniAW7


    Inviato a vapore dal mio iPhone
    2015-11-26 06:27 PM
  15. <Ian Nicoll/>'s Avatar
    Thank you, i will give a tryUniAW7UniAW7
    I think cannot be done this way, better a table or you split up every 12 hour stuff but this will become very messy with loads of css code. LOL.
    2015-11-26 06:42 PM
  16. NewD's Avatar
    This is the code for the hourlyForecast "for loop":
    https://jsfiddle.net/5Lfpqp50/
    I'm still playing but no success yet, I'm trying to find an easy way to make a line break every 3rd loop with the below code but isn't working, it's annoying me now
    [CODE]if ( i%3 == 0 )
    {
    //Break here
    }[/CODE
    I've also had limited success with the ForLoop breaks, Ian. Each time I think I understand the syntax something else evades me - I bail - ask Dacal to bail me out. I've read loads on W3 schools, etc. Your syntax looks exactly like I'd do it too. Be eager to know what the solution is when you're done. Thx.
    2015-11-26 06:43 PM
  17. <Ian Nicoll/>'s Avatar
    I've also had limited success with the ForLoop breaks, Ian. Each time I think I understand the syntax something else evades me - I bail - ask Dacal to bail me out. I've read loads on W3 schools, etc. Your syntax looks exactly like I'd do it too. Be eager to know what the solution is when you're done. Thx.
    Yes, David would know in a second.

    You can do a table and use javascript, with a single element it's not too hard: https://jsfiddle.net/5Lfpqp50/1/ but thinking about adding all the data & trying to position it all gives me a headache, I have to give up on this as spending way too much time on it LOL..
    Last edited by <Ian Nicoll/>; 2015-11-26 at 07:07 PM.
    2015-11-26 07:03 PM
  18. Pibe77's Avatar
    I think cannot be done this way, better a table or you split up every 12 hour stuff but this will become very messy with loads of css code. LOL.
    This is exactly what I was trying to do in Style.css,

    Code:
    #Hicon0 {
        //display: none;
    	position: absolute;
    	top: -23.5%;
    	left: -5%; /* set in main.js */
    	width: 40%;
    	//height: 40%;
    }
    
    #Hicon1 {
        //display: none;
    	position: absolute;
    	top: -1%;
    	left: 1.4%; /* set in main.js */
    	width: 40%;
    	//height: 40%;
    }
    
    #Hicon2 {
       //display: none;
    	position: absolute;
    	top: -23.5%;
    	left: 1.4%; /* set in main.js */
    	width: 40%;
    	//height: 40%;
    }
    and the last thing I could not is move them left and right separately...
    2015-11-26 07:09 PM
  19. <Ian Nicoll/>'s Avatar
    This is exactly what I was trying to do in Style.css,
    and the last thing I could not is move them left and right separately...
    Then you can delete this from the main.js as it calculates the "left" position.
    Code:
    for (var i = 0; i<12; i++) {
        document.getElementById("Hicon" + i).style.left = 1.4 +  8.333*i + "%";
        document.getElementById("Hpop" + i).style.left = 2.5 +  8.333*i + "%";
        document.getElementById("Hour" + i).style.left = 1.57 +  8.333*i + "%";
        document.getElementById("Htemp" + i).style.left = 1.3 +  8.333*i + "%";
    }
    2015-11-26 07:16 PM
  20. NewD's Avatar
    Then you can delete this from the main.js as it calculates the "left" position.
    Code:
    for (var i = 0; i<12; i++) {
        document.getElementById("Hicon" + i).style.left = 1.4 +  8.333*i + "%";
        document.getElementById("Hpop" + i).style.left = 2.5 +  8.333*i + "%";
        document.getElementById("Hour" + i).style.left = 1.57 +  8.333*i + "%";
        document.getElementById("Htemp" + i).style.left = 1.3 +  8.333*i + "%";
    }
    Aw. But that code is so elegant, Ian. Love how you accomplished that.
    2015-11-26 08:10 PM
LINK TO POST COPIED TO CLIPBOARD