Closed
Customize textbox height
Hi, is this possible to customize the textbox height to make it look thinner?
***Edited by Moderator Marissa to update categories***
This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.
Hi, is this possible to customize the textbox height to make it look thinner?
***Edited by Moderator Marissa to update categories***
Hi @JoyceS94,
Thanks for posting on PSC.
Steps:
1. Open your skin rule (Click on Application Name(PegaRULES for ex)-> Skin)
2. Component Styles(Tab)->Controls(Heading, under left panel on landing screen)-> Text inputs & Formatted Text
3. Create your own format under "My Format" by clicking "Add new styles" link
4. Under "Field Text" of your format created in previous step -> Additional Styles -> Attribute
5. Attribute = height and value = 10px or as per your business requirement.
Refer below
Hope it helps in achieving your business requirement. Kindly notify by marking this post as answered.
Regards,
Asif
If your requirement is to make all text box thinner then you can include the css code in the UserWorkForm which is the out of the box HTML fragment.
<style>
input[type="text"]{
height:10px !important;
}
</style>
Hope it helps.
I would second my friend @Rachit_GCS on it. But to note, it will affect all the input text box with the mentioned height.
If you have the business requirement to have it consistent, it's also an alternate way.
Though, if you want to format height of only limited text box, you can create format as explained above and use it in the text box control configured in your section.
I forgot to mention, that you have to configure this format(created in above comment) under Presentation tab, Control Format dropdown.
Question Solved
Question
Question Solved
Question
Question Solved
Question Solved
Question Solved
Question
Question
Question
Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.