- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-28-2024 04:30 AM - edited 06-28-2024 04:33 AM
Hello All,
I want to change the Text color of Post button in RITM.
Please check the attached screenshot, at present the text color is Black but we want to change it to White.
It is OOTB Widget "Standard Ticket Actions" in our instance but in PDI the text color of the Post button is in white
Please check the HTML and CSS code in our instance.
HTML code with Post:
<form ng-submit="postEntry(data.journalEntry)" class="padding" id="sand">
<textarea ng-keypress="keyPress($event)" sn-resize-height="trim" rows="1" id="post-input"
<input type="submit" class="btn btn-primary post-btn" value="{{data.btnLabel}}" aria-label="{{data.btnLabel}}" ng-disabled="data.isPosting" ng-if="!data.read_only"/>
CSS code with Post:
min-width: 80px;
padding: 9px 15px;
color:white;
}
@Ankur Bawiskar @Dr Atul G- LNG @Mark Roethof @Community Alums
Thanks,
Sattar
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-28-2024 05:02 AM - edited 06-28-2024 05:03 AM
Hi @sattar3 This kind of requirement there is no need customize/cloning a widget. You can just override CSS code in page specific CSS
.post-btn {
color: white !important;
}
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-28-2024 05:09 AM
Hi @sattar3 , refer this and update your CSS here with using !important.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-30-2024 07:38 AM
@Sid_Takali, Thanks it worked.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-30-2024 07:42 AM - edited 06-30-2024 07:43 AM
@Sid_Takali, One more thing we need to do, at the bottom we can Start, which is also in Black color-we need to change it to White.
Please help me on this as well.
Thanks,
Sattar
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-30-2024 09:39 AM
HI @sattar3 Follow the same procedure and add the below CSS Code into your Page Specific CSS field
.timeline-badge-wrap > .timeline-badge > span {
color: white !important;
}
Please mark my response as Correct/Helpful
Regards,
Sid
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
07-01-2024 11:14 PM
Thanks @Sid_Takali
Could you please me on one more thing.
Catalog Item Full Name and Requestor for Full Name is not showing, just few characters of the initial name and at the end its showing (dots)...
Could you please help me on this so that full name of the Requestor for and Catalog Item Name should be visible.
It's fine in PDI.
Thanks,
Sattar