al...@wedosoft.net
I'm trying to display red warning like red pattern warning message for specific cell in array widget and did like below.
<style>
.validationCell {
border-top-color: red;
border-right-color: red;
border-bottom-color: red;
border-left-color: red;
}
</style>
$( "[id='id_array1.id_col1_" + P_index + "']").addClass("validationCell" );
This works well for red rectangle. But I want to display warning message like the same pattern warning meesage (please refer to attached screen shot).
and I found elements for displaying pattern warning message.
<div class="error-Tooltip" style="left: 695px; top: 505px; visibility: visible; position: absolute; overflow: visible;"><div class="popupContent"><div class="gwt-Label">Invalid value</div></div></div>
What I wants is like this.
1. displaying warning message like attached file according to the cell values.
2. warning message should be displayed when the mouse is over and should disappear when the mouse leave on that cell.
Would you give me some clue to solve this?
Regards,
Alan.
Abhilash Sambhare
--
Fujitsu - RunMyProcess
---
You received this message because you are subscribed to the Google Groups "Fujitsu RunMyProcess Developer Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to supportforum+unsubscribe@runmyprocess.com.
To post to this group, send email to suppor...@runmyprocess.com.
Visit this group at https://groups.google.com/a/runmyprocess.com/group/supportforum/.
To view this discussion on the web visit https://groups.google.com/a/runmyprocess.com/d/msgid/supportforum/5e07f0ee-1c50-4af0-96bf-ee7662e14cf0%40runmyprocess.com.
For more options, visit https://groups.google.com/a/runmyprocess.com/d/optout.
al...@wedosoft.net
> To post to this group, send email to suppor...@runmyprocess.com.
>
> Visit this group at https://groups.google.com/a/runmyprocess.com/group/supportforum/.
>
> To view this discussion on the web visit https://groups.google.com/a/runmyprocess.com/d/msgid/supportforum/5e07f0ee-1c50-4af0-96bf-ee7662e14cf0%40runmyprocess.com.
>
> For more options, visit https://groups.google.com/a/runmyprocess.com/d/optout.
Thanks for note. I want to display warning message when input value is not suitable accodring to specific range. But this range is dynamic for each line.
For example, array widget has 5 rows and 2column and those patterns or validations rule is like below.
item : value : range : sex
row1 : 5 : 10 ~ 20 : N/A
row2 : 10 : <50 : N/A
row3 : 151 : M 150 ~ 350 / F 100 ~ 150 : M //case Male, 150~350, case Femail, 100 ~ 150
I couldn't use built in pattern waring or validation rule feature. So I used javascript widget in array widget and that scripts can validate or check the value.
As a result, I need custom waring message feature. If dynamic pattern waring or validation rule can be used in array widget, please give me some clue to solve this.
Regards,
Alan.
al...@wedosoft.net
In other words, I want to use tooltip in array widget cell.
Below is tooltip example.
<!DOCTYPE html>
<html>
<style>
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
</style>
<body style="text-align:center;">
<h2>Top Tooltip</h2>
<p>Move the mouse over the text below:</p>
<div class="tooltip">Hover over me
<span class="tooltiptext">Tooltip text</span>
</div>
</body>
</html>
To use this feature in cell of array widget, can you give the way or the clue of solution?
Regards,
Alan.
al...@wedosoft.net
I resolved this like below.
var tag = "<span class='tooltiptext'>message</span>";
$('[id="id_array.id_column_0"]').closest('td').addClass('tooltip').append($(tag))
Thanks for followup. You can complete this article.
Regards,
Alan.