• Resolved independent

    (@tiknius)


    Hi, I’m looking to acomplish a calculator similar to this: https://easygreen.lt/produkti/rulonine-veja-easygreen-family/ I managed to do the most but I struggle to find out how can I visually have columns that are visually the same width but the slider steps are bigger.

    For instance in this slider the first division has 100 steps but in the last it has 500 steps and visually the slider is the same width there.

    How can I accomplish this with CFF?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @tiknius

    I’m not sure about your question.

    So, you want to include four fields distributed in columns, a slider field at the total width, and the other four fields distributed in columns too.

    In this case, you can:

    1. Insert a DIV field, and select the “4 Columns” option in its settings.
    2. Insert the first four fields (configured as large) into the DIV field.
    3. Insert another DIV field (outside the previous one) configured with one column only, and insert the slider field into the DIV (configured as large too).
    4. Finally, insert a third DIV field with four columns with the last four fields inside (configured as large).

    https://youtu.be/5wguFUR4pD8

    Best regards.

    Thread Starter independent

    (@tiknius)

    Hi, thanks for your answer. Plaese dont mind text columns. I created simple html for those.

    Tha main question is about a slider and it’s steps. Please see the example link i provided. The first two columns of the slider have 100 steps or m2 each, next column has 200 and the last 500. Steps are bigger at the other half of the slider. I hope it’s clearer now.

    Thread Starter independent

    (@tiknius)

    This is what I have now: https://www.screencast.com/t/Q24HwLl8e

    I proportionally set the width of my columns to meet the slider steps.

    I can’t set my columns 25% because the acres count are not equal with the slider count which is 1 step for 100 steps.

    Plugin Author codepeople

    (@codepeople)

    Hello @tiknius

    If you want to concentrate most of the values closer to the end of the slider you can set the field as logarithmic. Please, tick the “Logarithmic slider” checkbox in the slider field’s settings.

    Best regards.

    Thread Starter independent

    (@tiknius)

    Thanks for your answer.

    Interesting option 🙂 It now goes half the slider to 10 acres and another half of the slider to 100. Is there a way I can control the proportion?

    I want the slider DOT to travel:

    1/4 of the sliders width to reach 5 acres

    another 1/4 of the slider’s width to reach 20 acres

    another 1/4 of the slider’s width to reach 50 acres

    and the last 1/4 of the slider’s width to reach 100 acres

    Plugin Author codepeople

    (@codepeople)

    Hello @tiknius

    I’m sorry, but that behavior requires customizing the control. There is no option for controlling every section of the slider separately.

    If you need a custom coding service, please, do not hesitate to contact me directly through the plugin website:

    https://cff.dwbooster.com/customization

    Best regards.

    Thread Starter independent

    (@tiknius)

    Understood. Would this be a quick work or sophisticated?

    Your plugin is reall impressive.

    Plugin Author codepeople

    (@codepeople)

    Hello @tiknius

    There are different alternatives. It can be more or less complex based on your project’s requirements. But since the slider control uses the slider jQuery component, you can find multiple solutions on the web:

    https://stackoverflow.com/questions/967372/jquery-slider-how-to-make-step-size-change

    Best regards.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Have different steps in differnet divisions of the slider’ is closed to new replies.