Job Board

Job board

Welcome to the “Job board” documentation. Looking to integrate a Job board section into your website? Our block allow you to showcase your products, services, or content in a captivating way. In this guide, we'll show you how to use the editor to customize your Job board block.

Step 1 : Open the Editor
Step2 : Add and Customize Cards
Step 3 : Configure Settings
Step 4 : Adjust The Button
Step 5 : Choose Colors
         Step 6 : Preview



Step 1 : Open the Editor

1. Go to Job board templates.
2. Click on "Edit" after choosing your template.


class="flex justify-center items-start h-auto w-auto" alt="">



Step 2: Add and customize Cards


1. In this panel, you can easily add, remove, or rearrange cards as needed.






2. Customize each card by adding image . Additionally, you have the option to include a salary and button by specifying its link .









Step 3: Configure settings


    Here, you'll handle the cards settings:

1. In the "View" section, you can decide if you want to show the header,select your preferred layout for displaying the cards(grid, carousel, or list). Additionally, specify the desired width for the display,adjust the gap between cards, and even customize the padding to control the space around it.






2. If you choose a carousel format for your cards, you can customize it by adjusting both the number of items and the number per column, you can adjust the loop , controls and dots of the carousel.



class="flex justify-center items-start h-auto w-96" alt="">




3. You can also manage max grid numbers.





4. For cards, adjust  the display ,cards border, roundness, and even choose hide or display the description.



 


5. For the image, you can select either the classic or card theme. Additionally, you can customize its position alignment, width, height, and roundness.






6. You have the option to either conceal or reveal the salary option and select the position.





7. For the popup, you have the option to either show or hide it. Similarly, for the image, you can adjust the border, position, and choose to display or hide the details and roundness.







Step 4 : Adjust the Button


  • You have the ability to customize the buttons by adjusting their roundness, hiding or displaying them inline, controlling the spacing, adjusting the text size, setting the icon position, and specifying whether you want the link to open in a new tab or not.






  • You have the option to choose whether to hide or display Button 1 or Button 2 and customize them according to your needs.






    • Step 5: Choose Colors


    Within this panel, you can select colors that match your website's design.




    Step 6: Preview


    Lastly, you can click on “Preview” to see how your Job Board block looks on both desktop and mobile devices. After this, you can proceed to the next step.