Build with IDX Broker › Forums › IDX Broker Control Panel › Javascript in Control Panel › Changing Results Page Labels on Platinum Grid Layout
Tagged: change text with jquery, custom jquery, jquery
-
AuthorPosts
-
-
Following up here… any thoughts guys?
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...
-
It looks like you can do this using CSS and the after selector
.IDX-resultsField-bedrooms span::after {
content: ” Beds”;}.IDX-resultsLabel {display: none;}
http://www.w3schools.com/cssref/sel_after.asp
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...
-
Ah, I’ve re-written this below. All code needed to make this change complete for us, not including hiding the .IDX-resultsField-acres field altogether.
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...
-
-
SOLVED: BACKGROUND & DESIRED CHANGES
Our client requested that the text labels BD, TB and SQ on the Platinum Grid Search Results pages to be changed to Beds, Baths and Sq Ft. as in the edited screenshot below:
Here is an example URL where I made these change:
http://listings.pastermackrealestate.com/idx/results/listings?idxID=b076&pt=1&lp=200000&hp=800000&ccz=city&a_propStatus%5B%5D=Active&per=100&srt=newestI went back to Google to show 2 or 3 attempts and found working code today! Hopefully the [code] tags will display this correctly:
$( window ).load(function() { // Change bd to Beds $("div.IDX-resultsField-bedrooms span.IDX-resultsLabel").text('BEDS'); // Change tb to Baths $("div.IDX-resultsField-totalBaths span.IDX-resultsLabel").text('BATHS'); // Change sq to Sq Ft $("div.IDX-resultsField-sqFt span.IDX-resultsLabel").text('SQ FT'); } )
NOTE: BD, TB and SQ are uppercased by CSS and the code actually is lowercase.
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...
-
I saw Nick’s reply above after I got the jQuery/JS working, so I’ve switched to CSS now. Thanks, Nick!
/* Add new content for Beds, Baths, Sq Ft */
.IDX-resultsField-bedrooms span::after {content: " Beds";}
.IDX-resultsField-totalBaths span::after {content: " Baths";}
.IDX-resultsField-sqFt span::after {content: " Sq Ft";}
/* Hide Actual Content for these fields */
.IDX-resultsLabel {display: none;}(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...
-
-
AuthorPosts
- You must be logged in to reply to this topic.