Tag Line
  • 17 Oct 2024
  • 3 Minutes to read
  • PDF

Tag Line

  • PDF

Article summary

Under Apex, you can add a chic and modern website Tagline and alter its layout to meet your company's design.

So let us drag the Tagline widget from the out of the box widget list and drop it wherever you need on the Service Portal!

User persona: Application Designer

Let's explore the following Use Case for designing the Tagline Widgets!


Use Case
Solution
John, an application designer, wants to add a sleek Tagline to the company portal screen and their project brand name to wider audience.
John can select Tagline widget and configure the generic features of widgets using Properties option.

For details about the Use Case, refer to the graphics below:

Tagline

Configuring the Tag Line Widgets

This section contains the list of steps using which Administrator can select the Tagline widget in the Service Portal through the Design Portal screen.

  1.  Navigate to Home > Service Portal > Add Service Portal > Widgets > Tagline.
    Figure: Adding Tagline Widgets
  2. Customize the Service Portal by dragging the Tagline Widget from Widget List to Service Portal.
    Figure: Tagline Widget

  3. Modify the Tagline properties by clicking the settings icon on the Widget.
    Figure: Modify the clock properties
    The Properties pop-up window appears as shown:
    Figure: Properties
  4. Select the type of Tagline from the Properties pop-up window.
  5. If you select Generic, then you can give a title to the Tagline using the Textbox. Click Save.
    Figure: Generic Tagline text
    The Tagline is displayed on the Service Portal as shown:
    Figure: Tagline text
  6. You can define the time duration for each tagline using the From and To time for which the time should be displayed by selecting the time zone from drop-down list.
    Figure: Time Specific Tagline text
    The related fields for From and To is specified as 06.00 and 12.00 with Tagline text is Good morning and it appears as shown:
    Figure: Field details
  7. Set a Default Tagline at time intervals for which it is not defined! In the Default Tagline, From and To time field greys out.
    Figure: Default Tagline

  8. You can add more time-based Tagline to the Service Portal using + icon in the Tagline Properties pop-up window. Click Save to save the configurations.
    Figure: Multiple Tagline fields
    The Tagline appears as per the time zone of the Service Portal screen as shown:
    Figure: Time-Specific Tagline
    The logged-in user's time zone is used by default as the time zone value for this field.

  9. You can remove the Tagline from the list of taglines by clicking the   delete icon.
  10. Navigate to Appearance section and edit the properties of the widget.
    Figure: Appearance tab
    The table below contains the list of fields and their descriptions that are available under the Appearance section:
    Field Description
    Text
    Text TypeSelect the appropriate text type format to the Tagline title.
    Figure: Text Type
    Text ColorSelect the appropriate text color from the color palette.
    Figure: Text Color
    Text SizeSelect the appropriate font size from the drop-down list.
    Figure: Text Size
    Text StyleSelect the appropriate font style from the drop-down list.
    Figure: Text Style
    Text AlignmentSelect the suitable Text Alignment from the list. You can align your text  
    Figure: Text Alignment
    Border
     Border You can style the border the selecting desired Border Type.
    Figure: Border style
    Style the border the selecting desired Border type.
    SideYou can select the sides for which the border has to be applied from the side dropdown.
    Figure: Side dropdown
    WidthSelect the thickness of the divider by selecting appropriate option from the Width dropdown.
    Figure: Width dropdown
    ColorYou can give desired color for the border by clicking the default color cube to load color palette and select the desired color tile.
    Figure: Color
    RadiusSelect the border Radius by selecting desired radius from the Radius Slider.
    Figure: Radius slider
    If Radius is zero, then corners will be sharp, if radius is increased then the corners will become rounded.
    SaveClick Save to save the widget properties in Service Portal designer screen.
    Figure: Save screen
    If you click Cancel properties will not save, and Properties pop-up window will close!
    CancelClick Cancel to discard the properties and a pop-up window as shown below appears on your screen asking for confirmation to cancel this!

    Figure: Confirmation window

    Click Yes to discard the entered values and go back to the Service Portal Designer Screen.

    Switch No to proceed with Service Portal configuration or click X to close the confirmation pop-up window. You can go back to the Properties screen and view all the previously entered or selected values.

  11. Navigate to Code tab, here you can modify the HTML and CSS code for the Widget properties.
    Figure: Code view
    <<To be implemented.
  12. Navigate to Service portal screen and check the configured Tagline widget.
    Figure: Tagline
    To be implemented.

So, let us configure the generic features of out of the box Search Box widget from the Service Portal design screen!


Was this article helpful?

What's Next
Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.