Div Help - trying to remove leading arrow |
Div Help - trying to remove leading arrow |
bobby7 |
Mar 14 2018, 11:36 AM
Post
#1
|
Group: Members Posts: 2 Joined: 14-March 18 Member No.: 26,609 |
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 |
Mar 14 2018, 10:17 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
That looks like a template. Do you have a link to the HTML page?
|
bobby7 |
Mar 15 2018, 07:44 AM
Post
#3
|
Group: Members Posts: 2 Joined: 14-March 18 Member No.: 26,609 |
|
pandy |
Mar 15 2018, 10:25 AM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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. |
Lo-Fi Version | Time is now: 19th April 2024 - 03:55 PM |