Dividing a Price using Django Template Language

I am attempting to achieve a specific functionality in a Django Template Editor where I need to display a quarter of a price.

The value quote.total is calculated by the system, such as 1235.00, and I want to manipulate this value to show 308.75 (which is 1235.00 divided by 4).

I have experimented with using {% widthratio quote.total 4 1 %} to obtain the quotient, but encountered the issue of it rounding the result, whereas I require an exact figure.

Another attempt involved utilizing 

{% widthratio quote.total 4 100 %}
, which would give me the quotient multiplied by 100, leaving me to only place a decimal point two positions over. Yet, I faced challenges in achieving this through CSS.

Given that the values in quote.total do not include tenths or hundredths due to the nature of the products, I attempted incorporating modulus operators and intricate mathematical rules with no success.

An obstacle I face is the inability to create custom functions at the backend within the current system, and restrictions regarding script tags usage in the template parsing process.

cssdjango

Answer №1

UPDATE: It appears that using tags is not an option without access to the backend. Perhaps a JavaScript-based solution would be more suitable for your needs. I'll keep this response posted just in case it offers some assistance.

Solving this issue is quite common. One approach is to create a custom filter, like the following example:

template.html

{% load quarter %}

{{quote.total|quarter}}

/your_app/templatetags/quarter.py

from django import template
register = template.Library()

@register.filter()
def quarter(value):
        
    return (float(value) * 0.25)

For more information on custom filters, you can refer to the Django Docs. Additionally, remember to restart your server after adding any template tag to ensure proper registration and to avoid any errors, whether in a production or development environment.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Alter text within template based on referring source

Creating a navigation bar for my blog is my current project. I want the navigation link to display "Back to the post listing" if a reader lands on a post from the listing, and if they come from another source, I want it to say "Read other posts like this o ...

djangojinja2mezzanine

How do I add an underline to a Bootstrap navbar with spaces on both sides?

I'm currently working on creating a menu using bootstrap 3, and here is the code snippet I have implemented: <section id="menu"> <div class="container-fluid"> <div class="row"> <div cla ...

htmlcsstwitter-bootstrap-3navbar

The checkbox display and hide functionality is mistakenly inverted

I have a form set up with an input field that should show or hide depending on whether a checkbox is clicked. Currently, the field is showing and hides when the checkbox is clicked. How can I reverse this behavior so that it works the other way around? ...

htmljquerycssbootstrap-4

Customize bullet list icons to adjust in size based on content using css

In my CMS project, the CMS team has a special requirement regarding unordered and ordered lists. They want the size of the bullet list icon to adjust according to the text content within the list. The image below shows the default design of a list item: ...

javascriptjqueryhtmlcss

Strange floating elements wrapping inside Bootstrap 3 column divs

Essentially, I have a series of twitter-bootstrap square divs with classes like col-md-x, col-sm-x stacked together to form an image list. It's functioning smoothly for the most part. However, there are instances (which remain a mystery to me) where t ...

htmlcsstwitter-bootstrap

What are some ways to achieve a smooth rotation of an icon?

Does anyone know why I am unable to smoothly rotate the icon? Any help would be greatly appreciated! <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!DOCTYPE html> <html> <head> ...

jqueryhtmlcss

JavaScript Expandable Divs: Create versatile and dynamic div elements

I have successfully implemented the expandable feature, but I am looking for a way to make the "read more..." link disappear once it is clicked. Despite browsing through StackOverflow for code and solutions, I cannot seem to find a solution that makes the ...

javascripthtmlcss

Django: Click here to resolve the {% url %} problem

What is the reason behind <a href="{% url 'answers.views.display_answers' Question.id %}">View answers</a> in my template resulting in this interpretation by Django: Request URL: http://127.0.0.1:8000/questions/%7B%%20url%20&apo ...

pythondjangopython-2.7django-views

Tips for concealing text when the background size changes

Currently, I am in the process of developing a new website for our web design company. One key task is to hide the mobile navigation text while keeping the background visible, and vice versa. The current animation achieves this effect by causing the text ...

htmlcsslinear-gradients

Ensuring the HTML remains at its original scale while scaling a div using CSS

My code consists of HTML and CSS that look like this: <div class="box" style="transform: scale(2);"> <div class="text">This is my text.</div> </div> I'm trying to figure out how to prevent the text inside the box from sca ...

jqueryhtmlcssjquery-ui

Showing one column fixed to the left and the other column scrollable to the right using CSS in Bootstrap 4

I have a bootstrap row with 2 cols inside. One col needs to be sticky on the left side, while the other col on the right side should contain multiple scrollable cards with text content. https://i.sstatic.net/ysYlP.png Looking at the image provided, the " ...

htmlcsstwitter-bootstrapbootstrap-4angular-material

Tips on maintaining the original text hues that were established using setForeground() when a QTableWidgetItem is picked

Issue at Hand: Currently, when the first row is selected as shown in Figure 2 below, all text colors are changed to black, instead of maintaining their original style displayed in Figure 1. Is there a way to retain the original colors when a row is selec ...

pythoncsspyside2qtablewidgetqtablewidgetitem

What is the best way to use CSS to center two blocks with space in between them?

My goal is to achieve a specific design: I want two text blocks with some space in between them aligned around the midline of the page (refer to the image). I have experimented with the float property, as well as used margin and padding to create the gap ...

htmlcssalignment

What is the distinction between formsets in Django when utilizing modelformset_factory?

Consider having a Contact object with two groups of contact Formsets in Django (version 1.8), divided by the fieldset tag in the HTML template. Utilizing modelformset_factory results in both formsets having the same id in the HTML, causing the loss of info ...

pythondjangodjango-formsdjango-templatesdjango-views

If you press Ctrl + F, the browser will disable the form search function

How can I prevent the form find browser functionality when pressing Ctrl+F, and instead focus on the element html? <div id='demo'> <form class="id5-text-find-form" id="id5-text-find-form"> <input class="search" placeho ...

javascriptjqueryhtmlcssbrowser

Django has a method called create_or_get that helps in creating or

After researching if Django offered a create_or_get method, it appears that it does not have one. The functionality I am seeking is to create a record if it does not exist, or return the existing record if it does. I took matters into my own hands and her ...

pythondjangodjango-models

Positioning the filters in jQuery Datatables

I'm currently working with jQuery datatables and I'm attempting to align the filter/search box on the same row as the header of the container holding the datatable. Attached is a screenshot for reference: https://i.stack.imgur.com/nzbIl.png He ...

javascriptjqueryhtmlcssdatatable

Discover the best way to apply identical @keyframes and @property to multiple div elements!

The CSS counter presented in this example (https://codepen.io/bgbos/pen/pobZvwJ) consists of 4 divs, each with a different initial value. However, at the end of the animation, only one value appears instead of each div's respective initial value. Her ...

htmlcsscss-variablescss-counter

Is it possible to achieve a FadeIn effect without using the .hide()

Is there a way to achieve a fadeIn effect without interfering with margins when the object is hidden from the document? I would like it to animate from opacity 0, but I am struggling to make it work. Any suggestions or ideas would be greatly appreciated. ...

jquerycssanimationfadeinanimate.css

Transforming a video frame into a captivating poster

Is there a way to use the last frame of an HTML5 video as the poster image? <video controls poster="/images/poster.jpg"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> </video> EDIT: Simply ...

jqueryhtmlcss