Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-3778

set sclass for slidingtext popup

XMLWordPrintable

    • Icon: New Feature New Feature
    • Resolution: Done
    • Icon: Normal Normal
    • 8.5.1
    • Freshly, 8.0.5, 8.5.0
    • Components
    • Security Level: Jimmy
    • None
    • ZK 8.5.1 S1

      similar to a combobox assign the sclass of the slider widget also to the slidertip element
      this allow custom styling of a specific slider tooltip or hiding it completely

      The implementation should avoid inline styles in favor of CSS classes so that custom overrides can be done without using "!important"

      e.g. currently this is necessary to hide the popup:

      .z-sliding-popup {
   display: none!important;
}

      Workaround

      <script><![CDATA[
/*custom override to hide sliding text*/
zk.afterLoad('zul.inp', function() {
	var xSlider = {};
	zk.override(zul.inp.Slider.prototype, xSlider, {
		_startDrag : function(dragInfo) {
			var result = xSlider._startDrag.apply(this, arguments); //call original method
			var sliderWgt = dragInfo.control;
			if (sliderWgt.slidetip)
				//add sclass to slider tip (allows hidden and other custom styling)
				jq(sliderWgt.slidetip).addClass(sliderWgt.getSclass());
			}
		return result;
		}
	});//zk.override
});//zk.afterLoad

            bobpeng bobpeng
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - 1 day
                1d
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day
                1d