• Resolved PDidee

    (@pdidee)


    It seems that the latest version here has the same css for the progress bar as it does for the radial progress. I’d like to show the progress as a bar rather than a radial if possible.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author Alex Furr

    (@alexfurr)

    Hi,

    Sorry you’re having problems with this.
    I’m using the latest version and its showing progress bars for me.
    Check the settings tab for the ‘Show Radial Progress’ / ‘Show bar’ options.

    Alex

    Thread Starter PDidee

    (@pdidee)

    Hi I did that, I have it set to “Show as bar” but I still get the radial. Whether I select that “Show as radial progress” or “Do not show progress” I get the radial progress ONLY.

    • This reply was modified 7 years, 4 months ago by PDidee.
    Plugin Author Alex Furr

    (@alexfurr)

    Ok, where are you seeing the dial? On the topic menu page? I.e. The parent pages?
    Or is this on the widget?

    Alex

    Thread Starter PDidee

    (@pdidee)

    It’s on a widget.

    Thread Starter PDidee

    (@pdidee)

    Yeah if I go to the parent page the progress bar is there but the widget shows as a dial. Also is it possible to change the toggle to look more like a button? I tried with css but the click event I think is linked the img file.

    Plugin Author Alex Furr

    (@alexfurr)

    Ok so that’s expected behaviour I.e. The widget only ever showed a radial dial, mainly because we felt the bar would be too long to fit neatly into a sidebar.

    We are looking at changing the image toggle button to a css version such as
    https://www.w3schools.com/howto/howto_css_switch.asp

    You should then be be able to customise the css if you wish.
    Alex

    Thread Starter PDidee

    (@pdidee)

    Is there a way to have a bar in a widget? Set the size to a percentage?

    Plugin Author Alex Furr

    (@alexfurr)

    There isn’t currently, but I can add it as a new feature, but it will be a few weeks away as I’m on holiday abroad at the moment.
    I can see if there is a work around if you’re happy playing with the code?
    Alex

    Thread Starter PDidee

    (@pdidee)

    Sure thing. Please let me know if there is a work around Thanks!

    Plugin Author Alex Furr

    (@alexfurr)

    OK try opening widget.php
    around line 65

    $progressArgs = array(
    		"parent"=>$trackedID,
    		"type" => 'radial'
    		);
    $progressDial = progressTracker::showUserProgress(  $progressArgs );

    Change type radial to type bar

    Alex

    Thread Starter PDidee

    (@pdidee)

    Perfect! I also set a max-width of 100% which fixed the length issue here.

    Thread Starter PDidee

    (@pdidee)

    To implement the css toggle you can do this:
    $pTrackerToggler.= '<span id="markAsReadButton"><label class="switch"><input type="checkbox"><span class="slider round"></span></label></span>';

    on line 445 in class-draw.php

    Plugin Author Alex Furr

    (@alexfurr)

    Great. Good Job! I’ll close the ticket…
    Alex

    After changing the type to bar, how did you change the width?

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Progress Bar’ is closed to new replies.