Virtual Elements - Revision history

151.229.136.200: /* The priority value */

2017-04-03T23:40:26Z

‎The priority value

2017-04-03T23:39:37Z

‎Accessing virtual elements

2017-04-03T23:38:43Z

‎The priority value

2017-04-03T23:29:32Z

‎Accessing virtual elements

2017-04-03T23:28:49Z

‎Accessing virtual elements

2017-04-03T23:27:05Z

‎Accessing virtual elements

2017-04-03T23:24:57Z

‎The priority value

2017-04-03T23:22:35Z

‎The priority value

2017-04-03T23:21:54Z

‎The priority value

2017-02-18T03:46:53Z

@@ Line 77: / Line 77: @@
 <syntaxhighlight lang="csharp">
-var virtuals = element.Style.Computed.RenderData.Virtuals;
+var virtuals = element.RenderData.Virtuals;
 if(virtuals != null){
-     // Get the vertical scrollbar:
+     // Yes - try getting the vertical scrollbar:
      var verticalScrollbar = virtuals.Get(ComputedStyle.VerticalScrollPriority);
@@ Line 90: / Line 91: @@
          // Yes! 'element' has a vertical scrollbar.
+     }
+}

@@ Line 22: / Line 22: @@
 // Get the virtuals set for 'element' (A HtmlElement):
-Css.VirtualElements virtuals=element.Style.Computed.Virtuals;
+Css.VirtualElements virtuals=element.RenderData.Virtuals;
 </syntaxhighlight>

@@ Line 30: / Line 30: @@
 == The priority value ==
-You'll notice that the virtuals set uses those arbitrary priority values. In order to obtain a particular virtual element, you'll need to know what its priority is - fortunately, they're constant for any given type of element:
+In order to obtain a particular virtual element from the raw virtuals set, you'll need to know what its priority is - fortunately, they're constant for any given type of element:
 {| class="wikitable"
@@ Line 70: / Line 70: @@
+|
 |}
 == What can I do with them? ==
 They're completely ordinary elements which act exactly the same as a child of the element they're on. Essentially, you can do whatever you can normally do to elements to them too ''(The element itself is accessed from ComputedStyle.Element)''.

@@ Line 3: / Line 3: @@
 == Accessing virtual elements ==
-There's a web API for doing this which is supported - specifically the [https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle|getComputedStyle] method:
+There's a web API for doing this which is supported - specifically the [https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle getComputedStyle] method:
 <syntaxhighlight lang="csharp">

@@ Line 3: / Line 3: @@
 == Accessing virtual elements ==
-There's a web API for doing this which is supported - specifically the element.getComputedStyle("after") method:
+There's a web API for doing this which is supported - specifically the [https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle|getComputedStyle] method:
 <syntaxhighlight lang="csharp">
 // Get the computed style for the '::after' selector:
 var after = element.getComputedStyle("after");
 </syntaxhighlight>

@@ Line 36: / Line 36: @@
 | HtmlCaretElement.Priority
 | [[Caret|Styling the caret]]
 |-
 | ::before

@@ Line 23: / Line 23: @@
 ! Virtual Element
 ! Priority (C# const)
 |-
 | Horizontal scrollbar
 | ComputedStyle.HorizontalScrollPriority
 |-
 | Vertical scrollbar
 | ComputedStyle.VerticalScrollPriority
 |-
 | ::before
 | BeforeSelector.Priority
 |-
 | ::after
 | AfterSelector.Priority
 |-
 | ::marker
 | MarkerSelector.Priority
 |}

← Older revision		Revision as of 03:46, 18 February 2017
Line 39:		Line 39:
	\| MarkerSelector.Priority		\| MarkerSelector.Priority
	\|}		\|}
		+
		+	== What can I do with them? ==
		+
		+	They're completely ordinary elements which act exactly the same as a child of the element they're on. Essentially, you can do whatever you can normally do to elements to them too ''(The element itself is accessed from ComputedStyle.Element)''.