UI Page title - Change the font size?

[Anish Reghu]

As part of accomplishing a survey requirement, I prepared a survey definition and published the survey.

Now, I have a feedback on the "View Survey URL" link accessible by the end user (Public access).

They want to change the font size of the title where it reads "Service Manager Survey". I guess it is to be done on the UI Page assessment_take2. But how exaclty?

I checked one of the threads where it suggests the following into the XML code:

What is the code to change the header font size and the font-family?

Regards,

Anish

[Anish Reghu]

But this will change the style of the whole page instead of just the header, if I am not wrong.

For header probably adding font-family and font-size in the <h1> tag is the best thing to do. Agree?

[Anish Reghu]

Well, thanks both.

Here's what I did before your replies:

I checked the attribute for font size on W3Schools and got that as font-size, applied it:

This did solve my issue,

But the thing is - even on above examples, the change is done to the UI page - assessment_take2

Is there any way I can restrict the change applied to one survey alone?

Once again, thanks all for your valuable feedbacks. Highly appreciate the discussion...

[Chander Bhusha1]

Hi Anish,

You can do one thing you can crate a new class for displaying the title and use that class if the assessment title is this one and for others use the default one.

In the style you can include the class name which you want to for your case:(here i have used .navbar-title with the custom  changes which i want only for one survey.

<style>

.navbar .navbar-title1 {
font-size: 24px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
margin: 9px 0 9px 5px;
vertical-align: middle;
color: #303a46;
}
</style>

And inside the code H1 tag i can use the if condition to check if the typeGR.name == customer-survey then this class will get called and i can use the other if statement for other assessment.

Please mark my response correct and helpful.

Thanks,

CB

[Jaspal Singh · Accepted solution]

Yes, you can make it work specific to survey. You can use something as below.

<j:if test="${!jvar_instance}">

<j2:if test="$[typeGR.name=='Service Manager Survey']">
<h1 class="navbar-title" style="font-size:200%">$[typeGR.name]</h1>
</j2:if>
										
<j2:if test="$[typeGR.name!='Service Manager Survey']">										
<h1 class="navbar-title">$[typeGR.name]</h1>									
</j2:if>
									
</j:if>

[Anish Reghu]

The result:

Other surveys:

Thank you so much again!