We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

I need help for a widget. | Forum

Oxwall Türkiye
Oxwall Türkiye Mar 1 '18

Friends planned a widget. widget.php and widget.html

When I use a div on the html page, I have a problem like the picture. The widget occupies the entire page, and the widget below it merges with the divi. Pushing down other widgets and plugins.


Does anybody know why this is happening? Please give a div example in a widget.html.

Attachments:
  2018-02-12_17-22-47.png (31Kb)
Oxwall Türkiye
Oxwall Türkiye Mar 5 '18
So the code is the standard widget structure. page processing in widget.html worked with div.



<div class="m0" id="m0">  <div class="m1" id="m1">             <div class="m2" id="m2">             <img name="" src="http://127.0.0.1/.../images/man-user.png" width="22" height="22" alt="">                         </div>                                   <div class="m3" id="m3">{$UserName}</div>
        </div>        <div class="m8" id="m8"></div>  <div class="but" id="but"></div>  <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...mages/newspapers.png" width="22" height="22" alt="">             </div><div class="m6" id="m6">Zaman Tüneli</div>        </div>  <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...images/messenger.png" width="22" height="22" alt="">            </div><div class="m6" id="m6">Mesajlar &nbsp; <img name="" src="http://127.0.0.1/...images/messenger.png" width="18" height="18" alt=""></div>        </div>       <div class="m7" id="m7"><strong>Sık Kullanılanlar</strong></div>      <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...load/images/user.png" width="22" height="22" alt="">            </div>            <div class="m6" id="m6"><a href="http://www.sosyallift.com/friends">Arkadaşlarım</a></div>  </div>        <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...d/images/blogger.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/blogs/user/whordark">Bloglarım</a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...load/images/team.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/groups/my">Gruplarım</a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...load/images/link.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/links/user/whordark">Linklerim</a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/.../images/pictures.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/photo/useralbums/whordark"> Albümlerim</a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...ges/photo-camera.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/video/user-video/whordark">Videolarım</a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...es/businesswoman.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/events/joined">Etkinliklerim</a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...load/images/gift.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/virtual-gifts/my-gifts">Hediyeler</a></div>        </div>                  <div class="m7" id="m7"><strong>Hızlı erişim</strong></div>      <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...images/followers.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/user/whordark/followers">Takipciler</a><a href="http://www.sosyallift.com/friends"></a></div>  </div>        <div class="m4" id="m4">             <div class="m5" id="m5"><span class="ow_label"><img src="http://127.0.0.1/...images/newspaper.png" width="22" height="22" alt="16"></span></div><div class="m6" id="m6"><a href="http://www.sosyallift.com/articles/user/whordark">Makalelerim</a><a href="http://www.sosyallift.com/blogs/user/whordark"></a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5"><span class="ow_label"><img src="http://127.0.0.1/...es/shopping-cart.png" width="22" height="22" alt="21"></span></div><div class="m6" id="m6"><a href="http://www.sosyallift.com/classifieds/user/whordark">İlanlarım</a><a href="http://www.sosyallift.com/groups/my"></a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5"><span class="ow_label"><img src="http://127.0.0.1/...ages/forest-fire.png" width="22" height="22" alt="8"></span></div><div class="m6" id="m6"><a href="http://www.sosyallift.com/fanpageid/1">Fan Sayfam</a><a href="http://www.sosyallift.com/links/user/whordark"></a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5"><span class="ow_label"><img src="http://127.0.0.1/.../images/bookmark.png" width="22" height="22" alt="3"></span></div><div class="m6" id="m6"><a href="http://www.sosyallift.com/bookmarks/list/latest">Kayıtlı Sayfalarım</a><a href="http://www.sosyallift.com/photo/useralbums/whordark"></a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5"><span class="ow_label"><img src="http://127.0.0.1/...mages/cardiogram.png" width="22" height="22" alt="5"></span></div><div class="m6" id="m6"><a href="http://www.sosyallift.com/profile/matches">Çöpçatanlık</a><a href="http://www.sosyallift.com/video/user-video/whordark"></a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5"><span class="ow_label"><img src="http://127.0.0.1/...d/images/gamepad.png" width="22" height="22" alt="9"></span></div><div class="m6" id="m6"><a href="http://www.sosyallift.com/events/joined"><span class="ow_label">Oyunlar</span></a></div>        </div>        <div class="m4" id="m4">             <div class="m5" id="m5">             <img name="" src="http://127.0.0.1/...nload/images/ads.png" width="22" height="22" alt="">            </div><div class="m6" id="m6"><a href="http://www.sosyallift.com/adsense">AdSense</a><a href="http://www.sosyallift.com/virtual-gifts/my-gifts"></a></div>        </div>                <div class="m7" id="m7"><span class="ow_label"><img src="http://127.0.0.1/...load/images/help.png" width="18" height="18" alt="11">  <img src="http://127.0.0.1/...ages/earth-globe.png" width="18" height="18" alt="6"> <img src="http://127.0.0.1/...load/images/info.png" width="18" height="18" alt="12"> <img src="http://127.0.0.1/...ges/youtube-logo.png" width="18" height="18" alt="25"> <img src="http://127.0.0.1/...s/webcam-profile.png" width="18" height="18" alt="24"></span><span class="ow_label"> <img src="http://127.0.0.1/...ges/online-store.png" width="18" height="18" alt="18"></span></div>  <p>&nbsp;</p></div>

Oxwall Türkiye
Oxwall Türkiye Mar 11 '18

Problem solved.

The problem is the wrong path controller.

The widget is the code that meets the service invitation.

dave Leader
dave Jul 16 '18
Glad you got it sorted, this also needs to be moved to the custom code section i believe.