1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Add-on [PAID] New option for "Widget Framework"

Discussion in 'Custom Service/Development Requests' started by imthebest, Oct 18, 2015.

  1. imthebest

    imthebest Formerly Super120

    Hi,

    I need an add-on for the Widget Framework 2.5.9

    Each widget have at the bottom the following options:

    fdemo.png

    I need a new option: "Display at the top for mobile" (unchecked by default).

    So for example when I tick that checkbox for any new or existing widget, that widget should be displayed at the top instead of the bottom of the page when viewed in reponsive mode.

    demo.jpg

    If you can do this please start a conversation with me and tell me how much are you going to charge for doing this.

    Thanks.
     
    Last edited: Oct 18, 2015
    thomas1 and Dadparvar like this.
  2. RoldanLT

    RoldanLT Well-Known Member

    Simple solution is, don't use sidebar.
     
  3. Russ

    Russ Well-Known Member

    Not to derail your request... but couldn't you just use position: hook:ad_above_content

    Then use CSS to show it only in mobile view?

    Code:
    @media (min-width:@maxResponsiveNarrowWidth) { display: none; }
    
    It'd require additional widgets but depending on what you're trying to achieve it should technically work.
     
    imthebest likes this.
  4. imthebest

    imthebest Formerly Super120

    Hi Russ,

    That looks like a good idea. May I ask where to place that CSS code? I guess I have to add it to my EXTRA.CSS? If so, how can I apply it to my new widget?

    Code:
    <div class=" widget WidgetFramework_WidgetRenderer_Threads non-sidebar-widget" id="widget-14">
                   
                        <h3>
                           
                                New widget (only mobile)
                           
                        </h3>
    Thanks!
     
  5. Russ

    Russ Well-Known Member

    So place it in your extra.css:

    Code:
    @media (min-width:@maxResponsiveNarrowWidth) { #widget-14 { display: none; } }
    
     
    imthebest likes this.
  6. imthebest

    imthebest Formerly Super120

    Thanks Russ, it is working! But now I found a problem:

    ddss.png

    Is this something that is CSS controllable or is this a bug in the Widget Framework?
     
  7. Russ

    Russ Well-Known Member

    I'd need a link to see what's causing it. Or you could inspect it and just add that class to the media query.
     
    imthebest likes this.
  8. imthebest

    imthebest Formerly Super120

    According to the inspector:

    Untitledbsf.png
    ggdgdgd.png

    Code:
        <div class="section sectionMain widget-group-no-name widget-container">
           
                <div class=" widget WidgetFramework_WidgetRenderer_Threads non-sidebar-widget" id="widget-14">
                   
                        <h3>
                           
                                New widget (only mobile)
                           
                        </h3>
     
    Last edited: Oct 19, 2015
  9. Russ

    Russ Well-Known Member

    So maybe try:

    Code:
    @media (min-width:@maxResponsiveNarrowWidth)
    { 
    .sectionMain.widget-group-no-name.widget-container { display: none; }
    }
    
     
    imthebest likes this.
  10. imthebest

    imthebest Formerly Super120

    I added the following to the media query and it is now working fine!

    Code:
    div.section.sectionMain.widget-group-no-name.widget-container { display: none; }
    Now just one thing pending that unfortunately I believe isn't fixable with CSS. At the end I have this:

    final.png

    I want to show widget-14 after the AdSense block, not before it. Is this possible with CSS?
     
  11. Russ

    Russ Well-Known Member

    Open that template and move the hook from the top of the template to the bottom of it (after the Adsense code)
     
    imthebest likes this.
  12. imthebest

    imthebest Formerly Super120

    Oh my god you are a genius it is now working perfectly THANK YOU VERY MUCH!!!

    You are the best! Again thank you, thank you, thank you!!!

    (y)(y)(y)
     
  13. Kintaro

    Kintaro Well-Known Member

    no no YOU are the best! :p
     
  14. Mr Lucky

    Mr Lucky Well-Known Member

    What is the problem with having a sidebar?
     
  15. RoldanLT

    RoldanLT Well-Known Member

    Cause it will be force to display on the bottom.
     
  16. Mr Lucky

    Mr Lucky Well-Known Member

    True, but some people like the info you can have in the sidebar (bottombar or whatever). I think my members would revolt if I got rid of it totally.
     
  17. RoldanLT

    RoldanLT Well-Known Member

    What I mean here, if you create a widget, do not use sidebar location.
     
  18. tajhay

    tajhay Well-Known Member

     
  19. Mr Lucky

    Mr Lucky Well-Known Member

    I understand the thinking behind this of course. If I put a widget in the sidebar, then I don't put anything there so important that it is bad for it to then be lost at the bottom in mobile view.

    However I think this is a good suggestion, that it would be nice to be able to put some crucial thing there that then goes to above content on mobiles.

    This can be achieved now with css media queries, but i think the suggestion/request is valid for ease of use in that scenario.
     

Share This Page