1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <link rel="stylesheet" href="https://css.zohostatic.com/recruit/embed_careers_site/css/v1.0/embed_jobs.css" type="text/css"> <div class="embed_jobs_head embed_jobs_with_style_1 embed_jobs_with_style"> <div class="embed_jobs_head2"> <div class="embed_jobs_head3"> <div id="rec_job_listing_div"> </div> <script type="text/javascript" src="https://js.zohostatic.com/recruit/embed_careers_site/javascript/v1.0/embed_jobs.js"></script> <script type="text/javascript"> rec_embed_js.load({ widget_id:"rec_job_listing_div", page_name:"Careers", source:"CareerSite", site:"https://portal.zylker.com/", empty_job_msg:"No current Openings" }); </script> </div> </div> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!-- Embed Code Starts --> <link rel="stylesheet" href="https://css.zohostatic.com/recruit/embed_careers_site/css/v1.0/embed_jobs.css" type="text/css"> <div class="embed_jobs_head embed_jobs_with_style_1 "> <div class="embed_jobs_head2"> <div class="embed_jobs_head3"> <div id="rec_job_listing_div"> </div> <script type="text/javascript" src="https://js.zohostatic.com/recruit/embed_careers_site/javascript/v1.0/embed_jobs.js"></script> <script type="text/javascript"> rec_embed_js.load({ widget_id:"rec_job_listing_div", page_name:"Careers", source:"CareerSite", site:"https://portal.zylker.com/", empty_job_msg:"No current Openings" }); </script> </div> </div> </div> <!-- Embed Code Ends --> |
Zoho Recruit gives you the following default fields for your job listing: job type, city, country, date opened, job description, and experience. To remove them, add the following CSS to your website.
Fields | CSS Code |
Remove City | .zrsite_City {display: none;} |
Remove Date | .zrsite_Date_Opened {display: none;} |
Remove Job Type | .zrsite_Job_Type {display: none;} |
RemoveJob Description | .zrsite_Job_Description {display: none;} |
To add extra fields to your job listing, add the highlighted code on your webiste.
<script type="text/javascript">
function searchJob(elem){
var sCon = elem.value.trim();
document.querySelectorAll(".rec_job_listing_div_jobs .rec-job-info").forEach(function(eachJob){
if(sCon.length ===0 || eachJob.textContent.indexOf(sCon) >=0){
eachJob.style.display="block"
}else{
eachJob.style.display="none";
}
})
}
</script>
<input type="text" onkeyup="searchJob(this)">
window.addEventListener("click",function(ev){})
if(ev.target.tagName ==="A" && ev.target.parentElement.classList.contains("rec-job-title")){
ev.target.setAttribute("target","_blank");
}
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
Write to us: support@zohoforms.com