Questions tagged [client-side-rendering]
Client Side Rendering in general is a technique to offload part of the HTML content rendering workload from server side to the client's browser. In SharePoint 2013 JavaScript-based CSR templates partly replaced XSLT (remember, you can still switch to server rendering in web part properties).
272
questions
0
votes
1
answer
20
views
How to use JavaScript to conditionally format a grouped view of a SP13 list
I have found examples that allow for highlighting a row based on date, I need to also highlight the 2 group tabs above that row
example
Group(highlight red if any row in group meets condition)
...
- 1
0
votes
0
answers
134
views
Color Coded Columns in SharePoint 2013 classic view
I am trying to create a custom list that has custom color coding that is dependent on what the choice field values.
I have tried to save my JavaScript file to my site assets and master pages of the ...
- 1
0
votes
1
answer
70
views
Updating UserMulti field using CSR
I am trying to update a UserMulti field using CSR. However, no matter what value I send to SharePoint, the field remains empty.
This is my field definition:
<Field ID="{5EE8AF75-009D-4FBB-8AC9-...
- 527
2
votes
2
answers
163
views
Submit EditForm event handler with CSR/Jslink
Is it possible to add custom event handler to the submit button of Edit Form through CSR/JSLink?
If yes, any documentation/links or example that I could use to achieve this with pure CSR?
- 39
1
vote
2
answers
242
views
Using javascript I need to highlight a row if it is within 14 days of becoming due via due date, and red it if is past due or today
So I have this code that I found here at Stack Exchange that lets me highlight rows based on date:
SP.SOD.executeFunc("clienttemplates.js", "SPClientTemplates", function () {
...
- 11
2
votes
2
answers
880
views
How to get the Alternative text for "Hyperlink or Picture" field Type in SharePoint online
I have a field in my SharePoint list of type Hyperlink.
I want to format the list view so that all the items in it will display as bullet items.
I am using JSLink and below is my code. I want the DOM ...
2
votes
1
answer
45
views
JSLink for CSR works for only one user
Environment: Sharepoint 2013, using a Sharepoint list
Have a simple JSLink script located in ~site/Style Library/JSLink/ that applies coloring to a specific list field (RAG Status) depending on its ...
- 21
0
votes
2
answers
55
views
SharePoint jsLink replace picture field with value from another field
I would like to override a field with an image using the value of another field. So, I have an image library and the Name field captures the name of the image file. I also have a Hyperlink or ...
- 211
0
votes
1
answer
88
views
displaying SharePoint image name as image using jslink
I have a picture library in SharePoint 2016 with the ratings enabled. I want users to be able to rate each picture in the library. In the display view, just the image icon shows and not the actual ...
- 211
0
votes
1
answer
477
views
Enable/Disable the Toolbar of the ListView in a WebPart in Sharepoint 2013
I want my listview to have the toolbar as shown in the below pic. This list view is bound to a Document Library. I am new to SharePoint and have no idea how to enable or disable it when needed.
...
0
votes
1
answer
90
views
CSR: how to default value render
Tell me how to set the default display of an element? Didn't find any good example anywhere on how to return the style and value of a list item to its default?
(function () {
var ...
- 614
0
votes
1
answer
216
views
Hide SharePoint list content/rows based on user group permissions
I'm a little padavan when it comes to coding;)
I looked for the following codes via google and pieced them together;)
but now of course I have reached my limits;)
I have a Sharpoint Grouped Listview;
...
- 3
0
votes
1
answer
139
views
CSR color coding row of list not showing correctly when list is filtered
Before i show my code, let me give some background.
I am using JSLink in the webpart of the list. I have MDS disabled for the site.
my javascript file is located in my root sitecollection in Style ...
0
votes
2
answers
239
views
Unable to Hide column in SharePoint List View web part using JSLink Client-Side-Rendering
I'm trying to hide a column in List View Web Part using JS Link with Client Side Rendering. I'm able to color or make formatting changes to the column, but not able to hide it. Below is the code ...
- 55
0
votes
1
answer
508
views
SP 2013: Highlight Row if Field Value is empty
I need a script to highlight rows in a SP 2013 List if one field is null/empty.
Any help is appreciated!
Field: [Date Funded]
Thanks-
- 99
0
votes
1
answer
183
views
SharePoint list CSR default rendering fallback
I was searching on the internet found a couple of good examples but mostly related to rendering the default render method for forms.
My case is that I have a page with the same list in two webparts ...
- 169
4
votes
1
answer
145
views
SPO updates impact on SPFX components
Does Microsoft guarantees that web part/extensions built using SPFX won't be impacted by SPO updates ?
I need to build an application with some pages that will be rich html and consumes API's like ...
1
vote
1
answer
67
views
CSR - JS Link - Status Indicators for Task Type
I have a SharePoint workflow that is creating a task when a document is uploaded. There are four stages of tasks and what I am looking for is a replacement of the text with a visual icon/status bar (...
0
votes
1
answer
85
views
SharePoint 2013 DataSheet View make Column mandatory
I am currently trying to make a specific Column mandatory on SharePoint Datasheet View.
SharePoint default validation on Column or List Level are NOT an option.
I allready have the Code to check for ...
- 21
0
votes
1
answer
159
views
Client Side Rendering Issues
I have developed some modifications against SharePoint list new/edit forms using CSR, as many other times everything works as expected. Code has been tested in two different environments and works.
...
- 1
0
votes
1
answer
352
views
Sharepoint 2016: Format hyperlinks in a column
How can I format the hyperlinks of a specific column. In my case I have a list with several columns and one of them with title "Quicklink" is formatted as "Hyperlink" and displays a standard link to ...
- 3
0
votes
2
answers
133
views
Sharepoint calculated field rendering
Currently in my SharePoint list, the fields are displayed in Tabs format
But When I am adding the calculated column, it is not getting displayed on New/Edit forms. but it is visible on the display ...
- 389
0
votes
1
answer
74
views
Rename 'Like' link in custom lists
Is there a way to rename the Like/Unlike links in a custom list where rating has been enabled?
'Like' in our case would be misleading so we would like to have it show up as something like 'Confirm'.
- 437
0
votes
1
answer
56
views
Simple task: How to recolor a list line? [duplicate]
I just started learning Sharepoint. I have a problem that I can’t solve.
There is a list. It is necessary that for a certain value in a particular column the display of a particular row changes - the ...
- 21
0
votes
1
answer
231
views
SharePoint 2013 - format webpart list column text not based on a condition
I would like to change the color and text size of a calculated column in a SharePoint 2013 not based on any condition.
Searching online I have only been able to to find ways of applying conditional ...
- 1
0
votes
2
answers
1k
views
Change Column background color and text color
I am trying to change the background color of a specific column in this webpart because it's using percentage and not text I can't figure out how to get sharepoint 2013 to change the entire column a ...
0
votes
1
answer
588
views
sharepoint 2013 list expand/collapse multiple line text column
I'm desperate and need your help on this script. I have a "multi line text" column named "Comments", and i added the following script into a script editor but it is not working for me. could you ...
- 195
0
votes
1
answer
123
views
Client Side Rendering
I have followed the guide (https://www.c5insight.com/Resources/Blog/tabid/148/entryid/653/how-you-make-sharepoint-announcements-grab-attention-easily-using-csr.aspx) to implement some client side ...
- 1
2
votes
1
answer
76
views
How to customize Modern forms? Field Customizer replaced CSR for views but what about forms?
In classic we had CSR (JSlink) for views and most of the forms.
Field Customizers could replace CSR for list views, as described here:
Migrating from JSLink to SharePoint Framework Extensions
But ...
- 1,623
1
vote
1
answer
956
views
Color Coding List Item by Web Part based on value
I am currently trying to get color coding on a list to highlight good medium and bad properties.
I have tried to follow the examples shown here for color coding: SharePoint 2013 Client Side Rendering:...
- 11
0
votes
1
answer
70
views
Conditional Formatting based on whether or not time is present
Is there a way to set background color conditionally ony when data is present?
Only when someone sets a time due it shows up in the column and I want to make that more visible.
I am familiar with ...
- 11
0
votes
1
answer
641
views
How to insert list items using JavaScript Object Model in SP
I am trying to insert list item's value through JavaScript object model in SP. When I call set_item('fieldname','Title'), it throw error "c.set_item is not a function". How to successfully Insert a ...
- 477
0
votes
1
answer
228
views
Using CSR to hide field on list view but show on quick edit view
Is it possible to use the "ShowInGrid=True" element of the URL to act as a trigger for show/hiding a field in a datasheet view?
The below code that will hide it nicely on the default allitems view ...
1
vote
0
answers
18
views
Create a replica of the list from root site to subsite using JSOM Approach
we have requirement to copy the list items from root site list to the subsite list using JSOM/Rest Api
Below are the reasons for which we are going through this option
'
Our environment does not ...
- 493
1
vote
1
answer
439
views
How to highlight font color of task item to red for overdue task
In SharePoint online task list, I am using below code to highlight a row in yellow if task is overdue:
<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/...
- 1,225
1
vote
2
answers
39
views
JSLink Was Rendering Then Stopped
I have two JSLinks on Custom List Webparts on my page -- one for a bootstrap slider, which is working fine continuously, and one for an announcements webpart. The announcements webpart was working ...
- 396
0
votes
1
answer
239
views
Change background color on list view selector
I have a few list views on SharePoint 2013.
I want to set background color on the list view selector or set font color.
How to do it?
Thanks!
- 37
0
votes
1
answer
44
views
Programmatically add multiple xslt list view web parts pointing to specific subfolder within a sharepoint library
I have a list of items linked to a library in sharepoint. I have created a custom rendering logic for list items and would like to add to each item a xsltlistviewwebpart pointing to a specific ...
- 1
4
votes
2
answers
282
views
CSRListForm and PreSaveAction or PreSaveItem
I've used PreSaveAction successfully in the past, but now I'm working with a CSRListForm and neither one of these will fire off. Even if I use just a simple alert message.
I know the CSRListForm ...
- 73
0
votes
1
answer
83
views
How to avoid errors filtering and paging list views on pages with multiple webparts
Consider a situation where you need to display multiple list view web parts on the same page and retain most of the usual functionality like paging, sorting and filtering correctly. When you build ...
- 2,750
0
votes
1
answer
210
views
Color code the SharePoint list column value based on a condition?
I know this question has been asked and answered but I am new to CSR and I do not even know how to begin to implement this solution. I have tried to use the solution at this link with no success.
...
- 65
1
vote
1
answer
1k
views
PreSaveAction for Quick Edit Mode
I have build some scripts running in the PreSaveAction function for example to validate some data or conditionaly send an email via ajax call. Now I need this functionality when the user creates a new ...
- 449
0
votes
1
answer
158
views
Adding a new control in New/Edit form using CSR display templates
I am planning to attach a attachment control in my newform and edit form using CSR display templates. i was able to add the control in the page but it is repeating (screenshot for the same). How can i ...
0
votes
2
answers
2k
views
Attachment Control in Newform and Edit form of a list Using Jquery
Has any one tried inserting Attachment control in Newform and Display form using Jquery with out going for Custom forms from Designer. I know we can add an attachment control through designer.
When i ...
1
vote
1
answer
372
views
SharePoint Online, JSOM, 'ObjectSharingInformation is not defined'
How do You use ObjectSharingInformation in javscript?
I get
Uncaught ReferenceError: ObjectSharingInformation is not defined
My function is something like
function getSharingDetails() {
...
- 1,623
1
vote
1
answer
323
views
SharePoint Online CSR, make clickable link in Datasheet View
Want to create direct link to Document Set folders, so found and changed CSR that do this. Works well, but not in Datasheet View (it is not clickable in Datasheet View).
Tried to change column types ...
- 1,623
1
vote
0
answers
33
views
Custom Web part with filter that doesn't cause postback
I have a custom Content Query Web Part that currently pulls in events into a custom calendar, by month, with selectable filters that filter event listed on the calendar by a field value on the Event ...
1
vote
1
answer
358
views
CSR to change item link for certain file types
First off, I am rather new to CSR so I apologize for anything stupid to come!
This is Sharepoint Online.
I'm trying to use CSR, on a custom page with a filter and list view web part (doc library), ...
- 73
0
votes
1
answer
47
views
CSR and XSLRender flag in custom `SPField`s
I'm trying to understand what the XSLRender flag in the SharePoint-Enterprises CSR stands for, did not find anything on the web.
Does anybody have an idea/explanation?
Where does it come from?
EDIT:
...
- 1,189
1
vote
0
answers
81
views
Issues with trying to hide a column with JS Link in multiple webparts on the same page
I found a solution in the below post to hiding columns using JS link. However, I have multiple webparts on a page with different views of the same list and it is only hiding the columns in the first ...
- 11