Tagged With "SCROLLBAR"

Adding a Scrollbar to Your Custom Widgets

neil3/14/2410:52 AM1 reply

Crowdstack Discussion ❤️
Topic Reply

Re: Adding a Scrollbar to Your Custom Widgets

Dennis Leon6/19/245:07 AM

Hello, Crowdstack's default widget code limits displayed content to avoid crowding the narrow widget column. Use a <div> tag with specific styles to create a scrollable container for the widget content. Create Custom Widget: Go to Customer/Embedded Widget settings in the control panel. Select "Add Embedded Widget". Create a Custom Embedded Widget and copy the code. Modify the widget code to show your desired content (e.g., "last 50" posts). Add Scrollbar Code: Paste the following code...

<ul id="{%=id%}ButtonGroup" class="button-group h-popup-buttons even-button-group even-1">
    <li id="{%=id%}Okay_buttonContainer"><a id="{%=id%}Okay" href="javascript:void(0);" class="button success no-margin-bottom h-alert-modal-ok-button" role="button">OK</a><script type="text/javascript">
        (function() {
            function {%=id%}Okay_click(event, data) {
            {%=id%}Popup.hide();
        }
        
                $('#{%=id%}Okay').on('click', {%=id%}Okay_click);
        })();
    </script></li></ul><a href="javascript:void(0);" class="close-reveal-modal" aria-label="Close Modal">&#215;</a><div class="last-modal-focus focus-utility-element" tabindex="0"></div>
</div>
<script type="text/javascript">
        (function() {
            {%=id%}Popup = new SS.Popup.ModalPopup('{%=id%}');
        })();
    </script>

Skip to main content

Tagged With "SCROLLBAR"

Tagged With "SCROLLBAR"

Membership Required

Remove From Your Block List

Block

Please wait...