How to give space between Catalog Item Name and Requested For in Portal

[sattar3]

Hello All,

How to give space between Catalog Item Name and Requested for in Service Portal

Please check the attached screenshot.

In PDI it is fine and showing gap between Item and Requested for.

Can someone please help me on this.

@Ankur Bawiskar @Sid_Takali @Community Alums 

Thanks,

Sattar

[Ankur Bawiskar]

@sattar3 

Possibly because of long catalog item name?

both the instances are on same release? did you compare the widget?

[sattar3]

@Ankur Bawiskar  Thanks for the reply.

Both instances are in Washington DC. 

Catalog Item Name: "Test Catalog Item" this is not a long catalog item name.

I renamed the item name to "Test Test Test Catalog Item"-if the item name is long then it shows like in the below screenshot. The text enters in Requested for name it's also an issue.

Thanks,

Sattar

[Robbie]

Hi @sattar3,

Have you seen my post and checked the CSS against the widget?

It's not the naming of the Catalog item.

To help others (or for me to help you more directly), please mark this response correct by clicking on Accept as Solution and/or Kudos.

Thanks, Robbie

[sattar3]

@Robbie yes, I compared the CSS for in both instances there is no difference and no versions also available.

I removed "text-overflow and overflow" from CSS the result is like this now

.header-text {
padding-left: 10px;
text-overflow: ellipsis; //removed from our instance
overflow: hidden; // removed from our instance
white-space: nowrap;
display: block;
margin-bottom: 0px;
}

OOTB behavior in our instance is like in the below screenshot, customer wants to show the full name of the Item and Requested for Full name

Please help me on this.

Thanks,

Sattar

[Robbie]

Hi @sattar3,

Ok, so the .header-text CSS looks to be similar to out of box. I was going to say that becuase you have no versions I'd guess it's still the Out Of Box widget, but if you've removed / stripped out the text overflow that you must have cloned this widget? Can you confirm...

Can you also provide a screen shot (blocking out sensitive / PII data of course) of the entire page or main header section please... I'm wondering if you have a container or widget at a higher level overriding this CSS I can't see why anyone would want to override the CSS as the widget already caters for padding and a large number of fields etc... something strange is definitely going on so I'm guessing it's at a page / container level and something else overriding.

To help others (or for me to help you more directly), please mark this response correct by clicking on Accept as Solution and/or Kudos.

Thanks, Robbie