jQuery UI Widgets Forums Layouts Panel and Responsive Panel Can only use panel with absolute positioning with gauge

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 4 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • bizzymeese
    Participant

    I have a script and no matter what, when trying to position the panel, I cannot do anything but use absolute positioning on it. I have tried every trick I know, and nothing works. So I position it 10px from the bottom but this isn’t going to work as the text can vary. and I want it to be 10px below the gauge.

    I’ve included the gauge in the code snippet as when I remove the gauge and try to only position the panel, the panel disappears and is nowhere to be found. Same goes when I try to put the panel just below the gauge with no positioning, vertical aligning it, zindex, etc…nothing works, unless using absolute positions, the text in the panel disappears.

    abbreviated code:

    <script type=”text/javascript”>
    var $j = jQuery.noConflict();
    $j(document).ready(function () { PopulateGaugePage2(); });
    function PopulateGaugePage2() { (POPULATE GAUGE CODE HERE)}//END PopulateGaugePage2

    function CreateGaugePage2(MetricGroup) {
    $j(‘#jqxPanelPage2’).jqxPanel({ width: 183, theme: g_Theme, height: 188 });
    $j(‘#gaugePage2’).jqxGauge({ (GAUGE CONFIG CODE GOES HERE) });
    $j(‘#gaugePage2’).jqxGauge({ style: { stroke: FillColor, fill: FillColor } });
    $j(‘#metricTextPage2’).html(“<center>” + “&nbsp” + MetricGroup + “<br>(” + MetricGroupAbbr + “)</center>”);
    }
    </script>

    <div id=”jqxPanelPage2″ style=”height:500px; “>
    <div id=”gaugePage2″ style =”margin: 0 auto; padding-top: 5px;”></div>
    <div id=”metricTextPage2″ style=” position: absolute; bottom: 10px; ” />
    </div>


    Peter Stoev
    Keymaster

    Hi bizzymeese,

    The panel on our website demos is not with absolute positioning and we do not see a problem with it. You also cannot set its height as Inline CSS. Its height should be set through a property called “height” as shown in demos, too.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.