Question
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
accenture
CN
Last activity: 14 Mar 2018 22:21 EDT
The problem is the paragraph can't inherit the width from parent node in IE.
Like I set the format: grid 70 30 for layout. but the paragraph will full width. even though I set the class for control of paragraph, But the style is just for parent node of paragraph. I see there is a div for paragraph, but there is no position could set the style for this div. Like the screen shot, I selected the position of Div
But I really need to set the screen by paragraph, cause there are too many text and style in it. So how to do...
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Accepted Solution
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689877000/122ddbf9-8ed7-431e-8c0c-0892f658c39d.png?itok=HwmzfVHs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689877000/122ddbf9-8ed7-431e-8c0c-0892f658c39d.png?itok=HwmzfVHs)
Pegasystems Inc.
US
I tried to use nested CSS i.e. CSS Combinators and it seems to work well in my scenario. For example :
<html>
<head>
<style>
.a p {
background-color: yellow;
}
</style>
</head>
<body>
<div class='a'>
<p>Paragraph 1 in the div.</p>
<span><p>Paragraph 3 in the div.</p></span>
</div>
<p>Paragraph 4. Not in a div.</p>
</body>
</html>
In your case you want to give it to a div that is nested inside a div which has given a class Paragrarh_Custom.
So, in this scenario, if you give nested css like below it should resolve your issue.
<style>
.Paragrarh_Custom div{
width :100% !important;
}
</style>
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
EPAM Systems, Inc.
ES
Hi @ZhenLi93,
Thanks for posting on PSC.
Sorry for my ignorance, I couldn't understand much. Are you trying to say that width of the paragraph isn't able to reflect? Or what you mean by Parent node?
Please describe your use-case a bit more with screenshot depicting what your business requirement and how you want the paragraph to be displayed in UI?
Thanks,
Asif
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
accenture
CN
Hi Asif,
Thank you for your reply and help. Here is a file. More information and my opinion is in it, please refer to it. Anyway thank you so much.
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689877000/122ddbf9-8ed7-431e-8c0c-0892f658c39d.png?itok=HwmzfVHs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689877000/122ddbf9-8ed7-431e-8c0c-0892f658c39d.png?itok=HwmzfVHs)
Pegasystems Inc.
US
Can you please explain more. I mean where and how you are giving class. Where is the class defined. Maybe design screen shots can help us.
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
accenture
CN
Hi Rachit,
Thank you for your reply and help. In my current situation, it is not associated with class yet,just for show the text correct.Here is a file. More information and my opinion is in it, please refer to it. Anyway thank you so much.
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
accenture
CN
More information is in the excel please refer to it. Many thanks for help.
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
Deloitte
NZ
I have trouble mapping as explained below:
I have tried to do this datamapper example File Connector, Rest Connector, Java Component” however I have done exactly as you mentioned as – Select CSV as the input and Collection of POJO as output.
The graphical editor should show the mapping between the two formats as per the screen shot below.For input csv – i used userdefined – and added three fields. – is this correct?
I think my setup using Pega Personal Edition has some incorrect settings.
Cheers
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
accenture
CN
Finally I decided to use section by HTML. Be honest It was almost like paragraph.
Accepted Solution
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689877000/122ddbf9-8ed7-431e-8c0c-0892f658c39d.png?itok=HwmzfVHs)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689877000/122ddbf9-8ed7-431e-8c0c-0892f658c39d.png?itok=HwmzfVHs)
Pegasystems Inc.
US
I tried to use nested CSS i.e. CSS Combinators and it seems to work well in my scenario. For example :
<html>
<head>
<style>
.a p {
background-color: yellow;
}
</style>
</head>
<body>
<div class='a'>
<p>Paragraph 1 in the div.</p>
<span><p>Paragraph 3 in the div.</p></span>
</div>
<p>Paragraph 4. Not in a div.</p>
</body>
</html>
In your case you want to give it to a div that is nested inside a div which has given a class Paragrarh_Custom.
So, in this scenario, if you give nested css like below it should resolve your issue.
<style>
.Paragrarh_Custom div{
width :100% !important;
}
</style>
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
accenture
CN
Hi Rachit
I appreciate your help. Use the node: .Paragrarh_Custom div is correct.
Thank you so much!
Zhen