Question
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
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>
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
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.
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.
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.
accenture
CN
More information is in the excel please refer to it. Many thanks for help.
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
accenture
CN
Finally I decided to use section by HTML. Be honest It was almost like paragraph.
Accepted Solution
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>
accenture
CN
Hi Rachit
I appreciate your help. Use the node: .Paragrarh_Custom div is correct.
Thank you so much!
Zhen