Is it impossible for Sharepoint to store a background-image style within a multi-line text column?

After creating a custom list, I added a column titled "multiple lines of text" with "Enhanced rich text". Then, I proceeded to create a new item and entered HTML source into that column.

Here's an example:

<div class="hdg-container" style="background-image: url(img/home-background-1.jpg) ">

Please note that I prefer not to use an external style sheet for this.

Upon saving the item, I noticed that the background-image style was removed when I opened it. Any assistance would be greatly appreciated.

htmlcsssharepointsharepoint-2010sharepoint-2013

Answer №1

Opting to modify the background image on the new or edit form is not the correct approach. Instead, utilize the SharePoint Designer tool for this task.

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

Enhance the distinctiveness of each individual HTML element in Angular 2

I am facing an issue with Angular 2 where I am trying to create a list in HTML. Here is my desired format: <ul> <li> <li>.. </ul> However, I am struggling to add an iterate argument to the HTML object in NG2. This is what I ...

javascripthtmlangular

Tips for effectively locating code within a web browser's code base

Struggling as a new programmer in a new job with a fresh codebase, I am finding it difficult to connect the code to the webpage I am currently on. What methods can I use to locate the relevant HTML in the codebase that is being rendered in the web browser? ...

c#htmlangularvisual-studiowebapi

Unable to view form data post submission in Laravel PHP

I have a form for submitting data, and after submission, the user is taken to another page where the submitted data is displayed. Some of my HTML structure: <form id="" method="POST" enctype="multipart/form-data" action="{{ route('r ...

phphtmllaravel

Conceal a div element only if it is nested within a particular div class

I have a question about hiding a specific div within another div. Here is the scenario: <div class="xp-row xp-first-row"> <div class="social-buttons"> Some Content Here </div> </div> The goal is to hi ...

htmlcss

The jQuery toggle functionality seems to be malfunctioning when used alongside various other JavaScript code in close proximity

I am currently experimenting with a basic jQuery toggle button that I found while browsing through an example at How can I dynamically create derived classes from a base class: <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery ...

javascriptjqueryhtml

What steps can I take to stop my Details element from moving a nearby Div?

Within this setup, there is a div containing Details and Summaries to the left. Upon expanding the details, the text enlarges and the container moves, causing the image in the right div to shift downward. Is there a way to prevent this from happening? I ...

htmlcss

What is the best way to attach a single block of Javascript code to different div elements without executing them simultaneously?

Running a small ecommerce shop, I have designed product cards using HTML, CSS, and a bit of Jquery for animations. However, a problem arises when clicking the "add to cart" button on any product card as it adds all items to the cart and triggers animations ...

javascripthtmljquerycsse-commerce

How to retrieve the inline style, rather than the CSS, of the body using

Is there a way to preserve the original styling of an inline element without having additional CSS rules applied to it? I need to maintain consistency across multiple pages without making modifications to my existing CSS code. <body class="processed" s ...

javascriptjqueryhtmlcss

Updating disabled date picker appearance in Angular Material Design

I am currently developing a website using Angular Material. One of the components I am working with is a date picker. The issue I am facing is that the date picker has the popup functionality enabled, but the input itself is disabled, causing a dotted line ...

cssangularangular-material

The database is being populated with the default value

Users can input text in this text area. The onblur and onfocus functions are used to prevent default text from being displayed when the user clicks on it. A default message is provided, but there seems to be an issue where both the default value and the us ...

phphtml

HTML5 sortable lists, ajax posting, and inactive elements are not functioning correctly

I'm currently utilizing a fantastic plugin for jQuery known as HTML5 Sortable. It can be found at . I am attempting to disable certain items using this plugin. My approach involves adding the class="disabled" to the <li> tag and including items ...

jqueryajaxhtmljquery-ui-sortable

The HTML output generated by JSF component libraries is subpar. Is this level of quality really acceptable?

Back when I worked on web-apps using jsp/jstl and jQuery, I made sure to keep my HTML clean and separate from styles and scripts. JSP would sometimes add unnecessary spaces and blank lines, but that was pretty much it. Now I'm giving jsf a try for de ...

htmljsfria

Utilizing Python's BeautifulSoup library to extract specific elements from an HTML document

Just getting started with BeautifulSoup and I'm looking to extract specific elements that represent percentages - 98.2% and 94.2%. What I want to print is: apples: 98.2% bananas: 94.2% Any insights on how I can achieve this? Thanks in advance. <d ...

htmlpython-3.xbeautifulsoupextract

Eliminate the gaps within CSS3 columns

I'm attempting to achieve an effect that looks like: C---------------------------------------) | Address 1 | Phone Numbers | | Address 2 | Times place is open | (---------------------------------------) However, the spacing with th ...

htmlcss

Issue with JQuery causing maxlength input not to work

Is there a way to use JQuery to set the maxlength attribute for an input[type='text'] while users are typing, so that once the max value is reached, input will stop? This is the code I have been trying: $(document).ready(function(){ $(&apos ...

jqueryhtml

How can you turn off the default browser's tooltip in Angular?

I'm currently using the "720kb.tooltips" plugin in Angular to display tooltips. Here is the HTML snippet I am using: <img src="icon_info.png" width="20px" tooltips title="tooltip" tooltip-side="bottom"/> Upon hovering over the image, a black ...

htmlangularjs

Can a different div or HTML element be used in place of the text "Hello World"?

<body onload="myfunction('target')"><div id="target"> "Hey there!" </div></body> Can we replace the text "Hey there!" with another HTML element or div? This is currently a left-to-right marquee text. <script language= ...

javascriptjqueryhtmlcss

Switching views in AngularJS by using a controller to control the content displayed in the

My JavaScript web app utilizes AngularJS to simplify tasks, but I've encountered an issue. I'm trying to change views from an ng-controller using $location.path, but for some reason, the view isn't updating even though the path in the $loca ...

javascripthtmlangularjsng-viewoffice-app

How come my Bootstrap navbar isn't toggling properly?

After reviewing my code countless times and comparing it to the example on the official documentation page, spell-checking it, watching a tutorial, and ensuring that I added the correct JS files, I am still puzzled as to why my navigation links are not tog ...

htmlbootstrap-4

Position the Bootstrap footer element at the bottom of the page

On a custom HTML page that I created, I decided to include a footer using Bootstrap. In this example, it demonstrates how the footer can be positioned at the bottom of the page without being placed inside a container element (directly within the body eleme ...

htmlcsstwitter-bootstrap