Div Help - trying to remove leading arrow Options

[bobby7]

Trying to fix something for a client and see this code at the top of the page which creates the image, the leading arrow should not show, but because of the order i have for my div tags the "open rejected" will not show unless the condition is met.


<ix:FieldArea Span="true">
<ix:Field For="WorkFlow.CurrentStage.SystemName" Visible="false"/>
<ix:Field For="WorkFlow.WorkflowStatus" Visible="false"/>
</ix:FieldArea>
<div class="wfDiagram">
<div style="display:<%= ViewData.Eval("RejAtValidation").ToString().Equals("True")? "" : "none" %>;">
<div Selected="<%= ViewData.Eval("RejAtValidation").ToString().Equals("True") && ViewData.Eval("Workflow.CurrentStage.SystemName") != null && ViewData.Eval("Workflow.CurrentStage.SystemName").ToString().Equals("Open") ? "red" : "" %>">
Open Rejected
</div>
</div>
<div style="display:<%= ViewData.Eval("RejAtValidation").ToString().Equals("False")? "" : "none" %>;">
<div Selected="<%= ViewData.Eval("RejAtValidation").ToString().Equals("False") && ViewData.Eval("Workflow.CurrentStage.SystemName") != null && ViewData.Eval("Workflow.CurrentStage.SystemName").ToString().Equals("Open") ? "blue" : "" %>">
Open
</div>
</div>
<div>
<div Selected="<%= ViewData.Eval("Workflow.CurrentStage.SystemName") != null && ViewData.Eval("Workflow.CurrentStage.SystemName").ToString().Equals("ExtensionRequest") ? "blue" : "" %>">
Extension Request
</div>
<div Selected="<%= ViewData.Eval("Workflow.CurrentStage.SystemName") != null && ViewData.Eval("Workflow.CurrentStage.SystemName").ToString().Equals("Validation") ? "blue" : "" %>">
Validation
</div>
</div>
<div style="display:<%= ViewData.Eval("Workflow.WorkflowStatus").ToString().Equals("0") || ViewData.Eval("Workflow.WorkflowStatus") != null && ViewData.Eval("Workflow.WorkflowStatus").ToString().Equals("Open") ? "" : "none" %>;">
<div Selected="<%= ViewData.Eval("Workflow.WorkflowStatus") != null && ViewData.Eval("Workflow.WorkflowStatus").ToString().Equals("Completed") ? "green" : "" %>">
Closed
</div>
</div>
<div style="display:<%= ViewData.Eval("Workflow.WorkflowStatus") != null && ViewData.Eval("Workflow.WorkflowStatus").ToString().Equals("Completed") ? "" : "none" %>;">
<div Selected="green">
Closed
</div>
</div>
</div>



At the bottom is the Style tags.


<style>
.datagrid_title {
color:#222 !important;
font-size:12px !important;
border:none !important;
font-family: Verdana,Helvetica,sans-serif !important;
}

.greenButton {
color:green;
}

.wfDiagram {
width:100%;
text-align:center;
}


.wfDiagram > div {
display: inline-block;
margin-bottom: 5px;
padding-left: 24px;
background-image: url('<%= ImageHelper.GetStaticPath("Icons/new/24x24/navigate_right.gif") %>');
background-repeat: no-repeat;
background-position: left center;
}

.wfDiagram > div:first-child {
padding-left: 0;
background-image: none;
}

.wfDiagram > div > div {
width: 180px;
text-align: center;
padding: 6px 2px;
font-weight: bold;
border-radius: 8px;
border: 2px solid #6CC0FF;
background-color: #FFFFFF;
color: #3F3F3F;
}

.wfDiagram > div > div[selected='blue'] {
border: 2px solid #0070C0;
background-color: #0070C0;
color: #FFFFFF;
}

.wfDiagram > div > div[selected='red'] {
border: 2px solid red;
background-color: red;
color: #FFFFFF;
}

.wfDiagram > div > div[selected='green'] {
border: 2px solid green;
background-color: green;
color: #FFFFFF;
}
</style>

[pandy]

That looks like a template. Do you have a link to the HTML page?

[bobby7]

That looks like a template. Do you have a link to the HTML page?

I have a link but it requires authorisation so unable to send.

[pandy]

The template doesn't tell us much. But I didn't notice before you also posted the CSS. Is this the arrow image?

CODE

background-image: url('<%= ImageHelper.GetStaticPath("Icons/new/24x24/navigate_right.gif") %>');

If so, try removing that declarations. If that works you should probably also remove .wfDiagram > div from the HTML. I don't see any reference to it in the template though.

Unless of course you want the arrow for some images. I'm a little unclear about if you want to loose all arrows or just one of them.