<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<p>Hello,</p>
<p>
<blockquote type="cite">Same issue for the value field; if I want
to hide it, how can I hide it?</blockquote>
I almost missed this part. In the same way, by using the CSS
Inspector, you can identify the offending rules and write your own
rules to override them. For your needs, it might be easier to keep
your rule on the <tt>:after</tt> (like you did) and just reset
everything the other rules are contributing on the <tt>:before</tt>
:</p>
<p><tt><br>
</tt><tt>map > topicmeta > data-about >
data[name="icon_url"]:after {</tt><tt><br>
</tt><tt> content: "Pick a local icon or a remote URL for the
icon:"</tt><tt><br>
</tt><tt> oxy_urlChooser( </tt><tt><br>
</tt><tt> edit, "@href",</tt><tt><br>
</tt><tt> columns 50);</tt><tt><br>
</tt><tt>} </tt><tt><br>
</tt><tt><br>
</tt><tt><br>
</tt><tt> map > topicmeta > data-about >
*[class~='topic/data']:before {</tt><tt><br>
</tt><tt> content : " " ;</tt><tt><br>
</tt><tt>}</tt><br>
<br>
<br>
</p>
<pre class="moz-signature" cols="72">Best regards,
Alex
--
Alex Jitianu
<oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger
<a class="moz-txt-link-freetext" href="http://www.oxygenxml.com">http://www.oxygenxml.com</a> </pre>
<div class="moz-cite-prefix">On 9/7/2018 4:26 PM, Alex Jitianu
wrote:<br>
</div>
<blockquote type="cite"
cite="mid:08fbec0d-d992-d433-44ae-d00f3393ac6a@sync.ro">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<p>Hello,</p>
<p>You are still seeing the other form control because that one is
added on a :<tt>before</tt> pseudo element while yours is added
on an <tt>:after</tt> . <br>
</p>
<p>You should change the rule to override the<tt> :before</tt>
element like this:<br>
</p>
<p><br>
<tt>map > topicmeta > data-about >
data[name="icon_url"]:</tt><tt><b>before </b></tt><tt>{</tt><tt><br>
</tt><tt> content: "Pick a local icon or a remote URL for
the icon:"</tt><tt><br>
</tt><tt> oxy_urlChooser( </tt><tt><br>
</tt><tt> edit, "@href",</tt><tt><br>
</tt><tt> columns 50);</tt><tt><br>
</tt><tt>}</tt><tt><br>
</tt></p>
<p>The CSS Inspector view [1] is quite useful to debug such
situations.<br>
</p>
<p>[1]
<a class="moz-txt-link-freetext"
href="https://www.oxygenxml.com/doc/versions/20.1/ug-editor/topics/author-css-inspector-view.html"
moz-do-not-send="true">https://www.oxygenxml.com/doc/versions/20.1/ug-editor/topics/author-css-inspector-view.html</a><br>
</p>
<pre class="moz-signature" cols="72">Best regards,
Alex
--
Alex Jitianu
<oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger
<a class="moz-txt-link-freetext" href="http://www.oxygenxml.com" moz-do-not-send="true">http://www.oxygenxml.com</a> </pre>
<div class="moz-cite-prefix">On 9/7/2018 12:57 AM, Steven Anderson
wrote:<br>
</div>
<blockquote type="cite"
cite="mid:CA+_fDk6u+EQY-OQk88j8r1fqGzWGnZtsyD0bK1QP8MsiwEKoGA@mail.gmail.com">
<meta http-equiv="content-type" content="text/html;
charset=utf-8">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">In my DITA topic I have the following:
<div><br>
</div>
<div>
<div><map <a class="moz-txt-link-freetext"
href="xml:lang=" moz-do-not-send="true">xml:lang=</a>"en-us"
linking="none"></div>
<div> <title>Title</title></div>
<div> <topicmeta></div>
<div> <shortdesc>shortdesc</shortdesc></div>
<div> <data-about></div>
<div> <data name="icon_url" href="<a
class="moz-txt-link-freetext" href="http://"
moz-do-not-send="true">http://</a><some_path>"/></div>
</div>
<div><br>
</div>
<div>In author view, by default, I see a form field for
the name. I'd like to override that using CSS.<br>
<br>
I figured out how to do <br>
<br>
<div>map > topicmeta > data-about >
data[name="icon_url"]:after {</div>
<div> content: "Pick a local icon or a remote URL
for the icon:"</div>
<div> oxy_urlChooser( </div>
<div> edit, "@href",</div>
<div> columns 50);</div>
<div>} </div>
</div>
<div><br>
</div>
<div>which allows me to show a picker for an attribute I
do want to display, but, I still see the form field for
the name attribute. <br>
<br>
Same issue for the value field; if I want to hide it,
how can I hide it?</div>
<div><br clear="all">
<div><br>
</div>
-- <br>
<div class="gmail_signature">
<div dir="ltr"><br>
<div> Steve<br>
</div>
</div>
<br>
<a
href="http://smart.salesforce.com/sig/sanderson//us_mb/default/link.html"
target="_blank" moz-do-not-send="true"><img
src="http://smart.salesforce.com/sig/sanderson//us_mb/default/logo.png"
moz-do-not-send="true" border="0"></a></div>
</div>
</div>
</div>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
oXygen-user mailing list
<a class="moz-txt-link-abbreviated" href="mailto:oXygen-user@oxygenxml.com" moz-do-not-send="true">oXygen-user@oxygenxml.com</a>
<a class="moz-txt-link-freetext" href="https://www.oxygenxml.com/mailman/listinfo/oxygen-user" moz-do-not-send="true">https://www.oxygenxml.com/mailman/listinfo/oxygen-user</a>
</pre>
</blockquote>
<br>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
oXygen-user mailing list
<a class="moz-txt-link-abbreviated" href="mailto:oXygen-user@oxygenxml.com">oXygen-user@oxygenxml.com</a>
<a class="moz-txt-link-freetext" href="https://www.oxygenxml.com/mailman/listinfo/oxygen-user">https://www.oxygenxml.com/mailman/listinfo/oxygen-user</a>
</pre>
</blockquote>
<br>
</body>
</html>