Widget messes up other widgets on sidebar

Hi,

That is strange. I was just looking through my code and not seeing where that extra </div> is coming from. My guess is something to do with the theme or another plugin. Maybe the theme has a limit on how many sidebar widgets they want you to display?

I’m not ruling out something being wrong with my plugin but do you have any support with the maker of your theme?

Hal

It is your app specifically. My theme support has looked and it’s not the theme. If I move your widget up or down.. the problem follows. If I put your widget all the way at the bottom, everything above works great. But I want the weather towards the top of my sidebar.

For some reason, it’s calling for the closure of the div and I’m not finding why. :-\

Is there anything specific that I can provide that will help with troubleshooting this?

Can you take a screenshot in the wp-admin of your widget settings? I’ll reproduce them on my development site and maybe that will help figure out what is wrong.

Hal

Hal,
The screenshot can be found at: https://www.riograndecitizen.com/images/amazingweather-screen.png

Here is the raw code from my theme’s sidebar.php file:

<div id="sidebar">
                    <div id="mainWidgets">
                        <?php if  (function_exists('dynamic_sidebar') && dynamic_sidebar('Main sidebar')){ }else { ?>

								<div class="widget login-widget clearfix">
									<?php echo lioit_login_form(); ?>
                                  </div></div>

                        <?php } ?>
                    </div><!--End Main Widgets-->
                </div><!--End Sidebar-->

The sidebar portion of the CSS is:

/*******************************************************************
Sidebar
 *******************************************************************/
#main #sidebar {
	float: right;
	width: 300px;
	overflow: hidden;
}
#main #sidebarLeft {
	float: left;
	width: 300px;
	overflow: hidden;

And as I said, regardless of where I put the Awesome Weather widget, it always calls for the end of <div id="mainWidgets"> right after the widget with </div>. Any other widget appearing below this point then renders without the background and in some cases it also loses some formatting.

In the sidebar code above, I notice there is a call for <div class="widget login-widget clearfix"> — specifically, my attention is brought to “clearfix” because this is exactly the same thing that appears in the code for the Awesome Weather widget when I view my source code of the website:

<div class="widget widget_awesomeweatherwidget clearfix">

		<div id="awesome-weather-mcallen-tx" class="awesome-weather-wrap awecf custom awe_with_stats awe_tall" style="background-color: #d86108;">

			<div class="awesome-weather-header">McAllen, TX</div>

			<div class="awesome-weather-current-temp">
				73<sup>F</sup>
			</div> <!-- /.awesome-weather-current-temp -->

				<div class="awesome-weather-todays-stats">
					<div class="awe_desc">Sky is Clear</div>
					<div class="awe_humidty">humidity: 84% </div>
					<div class="awe_wind">wind: 9mph SSE</div>
					<div class="awe_highlow"> H 73 &bull; L 73 </div>
				</div> <!-- /.awesome-weather-todays-stats -->
		</div> <!-- /.awesome-weather-wrap --></div></div>

Please let me know if there is anything else you may need to troubleshoot this.

Thank you!

Hal, just curious if you have found any additional information or have anything to share about the issue I’m experiencing.

Has anyone else experienced the same issue and what “fix” did you find to fix this?

I’d love to wrap up the construction portion of my website and get things running.

Thanks again!

Since I have not received a response in approximately three (3) days, I have removed this widget from my website. This is unfortunate since the widget is exactly what I need but I am unable to have it break my sidebar.

Should the author be willing to invest the time into fixing the bugs with the app, I will be willing to work with him to find the solution and hopefully use this plug-in on my website once again.

My guess is that there is something wrong with your theme or another plugin is doing something because my plugins stops output at <!-- /.awesome-weather-wrap --> and you have two extra </div></div> in your sidebar.php

I would have loved to checked your settings but the screenshot is no longer available.

This is a free support forum for a free plugin. Don’t expect priority support especially over the weekend. You are also the only one who is currently having this problem of over 16,000 downloads. Maybe this could have something to do with your setup?

Thanks for your response, Hal. The issue is not caused by conflict with other plug-ins. One of the first things that we did was disabled all plugins, which did not prevent the error. It still occurred.

I cannot quiet figure out what’s causing the widget to strip certain formatting from other widgets appearing below it — and also calling for the end of <div id="mainWidgets">.

And while it’s easy to resolve the problem to be the theme or another plug-in the fact remains that no other widget causes this specific error. The error is specific to your widget and we would like to work with you to find the cause and a solution.

Again, if there is anything we can provide to assist in this endeavor, please do not hesitate to let me know.

Ultimately, your plug-in works. However it’s breaking my theme in the process. So, the discovery here is what is causing it to break the theme. Looking at the code from sidebar.php shown above, could <?php } ?> possibly have something to do with it?

I believe if I could prevent your widget from ending <div id="mainWidgets"> by calling for the </div> that this problem would be resolved. The issue here is finding out specifically what is causing this to happen.

In your functions.php do you see anything with ‘register_sidebar’?
If so can you pass along those lines of code?

I’m pretty confident the problem is with your theme which the author should look into. Are all the widgets you have there other than mine ones that come with the theme?

I have worked with the theme authors and they swear it’s not the theme. They have very broken English, so it’s difficult for me to communicate with them. Clearly, I’m not ruling it out. Even though the problem appears only to happen specifically with your widget (I haven’t been able to replicate it with any other widget).

The code from my functions.php is:

<?php
    require_once (TEMPLATEPATH . '/Lioit/lioit.php');

?>

The code from lioit.php is:

[Excessive code moderated. Please use a pastebin.]

Please let me know if you see anything else here that you may need to help diagnose the problem. Thanks again!

Ahh I see the problem. My plugin doesn’t utilize a widget title and they’ve setup their sidebars with this:
'after_title' => '</h2><div class="widgetContent">'
and closed it with
'after_widget' => '</div></div>',

This isn’t wrong per say, it just doesn’t account for widgets without titles. My widget doesn’t use the ‘after_title’ so the intro <div class="widgetContent"> doesn’t get called and the extra </div> in the ‘after_widget’ closes your sidebar.

Not sure the most eloquent way to fix this. I’ll think about it.

You have one of the most beautiful & functional weather apps available in the repository. Thanks for the time you have invested in finding this problem. If there is a way to fix the problem, we would love to feature your plug-in on our website.

Thanks again, Hal!

Hi Hal,
i have the same issues with Bankok Express Theme. Is there a fix for this yet?
That would be great.
Greetings from Japan
Tsurom