How to use Table/Tree in Pencil - mockups

I am trying to make a mockup using Evolus Pencil, and I'm having trouble with showing the treetable properly. The treetable is shown like this:
I tried two different ways to show a tree and none of them worked. Here is the code that I used inside the treetable:
Kurskode/Gjennomføringer|Kursnavn/Gjennomføringnavn|[ ]Valgt
[-}Kurs1|Kursnavn1|
[-]Kurs2|Kursnavn2|
[-]kurs21|kursnavn21|
[-]Gjennomføringer1|Gjennomføringnavn1|[^]
~Kurs3| Kursnavn3|
~~kurs32|Kursnavn32|
~~kurs33|Kursnavn333|
~~~kurs333|kurs333navn|[]
~~~~Gjennomføring2|Gjennomføringnavn2|[]
~~~~Gjennomføring3|Gjennomføringnavn3|[]
Can someone help me on showing the tree nodes and checkbox on 3rd column properly? And are there any documentations/resources for Evolus Pencil?
Thanks!

Related

custom card component Vue.js + Vuetify

I found this card component example on the internet and would like to build something similar with Vuetify. I'd like to know what is the best/easiest way to approach this? Using default v-card and add custom elements/css inside.Or building the whole card with Vuetify gid?
You can recreate something similar with an outlined v-card with only a v-card-text child. The top section looks like an outlined v-alert with left border. Use v-row and v-col (col-auto on all) grid inside, with v-spacer for the whitespace after first column. Bottom section will also have the grid. You could also put the v-alert inside v-card-title for similar effect but I don't think the banner alert is appropriate as a "card title".
Vuetify is a Vue UI library that provides ready-to-use components saving the developer time. So if the components Vuetify makes available to you are fine out of the box, you're fine, otherwise there's nothing wrong with adding custom CSS. In reference to the screenshot you attached, vuetify allows you to make that card in a practically identical way. In addition to studying the functioning of the basic components, I recommend that you take a look at the ready-made CSS classes that Vuetify provides you. Thanks to those you can do a lot of things. I hope I was helpful.

Setting the correct xpath

I'm trying to set the right xpath for using RSelenium, but I'm not very experienced in this area, so any help would be much appreciated.
Since I'm not allowed to post pictures yet I have tried to add a link to a screenshot of the html:
The html
I need R to scrape the dates (28-10-2020 - 13-11-2020), but so far I have not been able to set the correct xpath when using html.nodes.
I'm trying to scrape from sites like this one: https://www.boligsiden.dk/adresse/topperne-9-3-33-2620-albertslund-01650532___9__3__33
I usually do this on python rather than R
As you can see in this image when you right-click on the element concerned. You get a drop-down menu with an x-path to the element.
Other than that, the site orientation and x-path might change and a full x-path might be a good option in the short-run, so I rather prefer driver.find_element_by_xpath('//button[contains(text(),"Login")]')\ .click()
In your case which would be find_element_by_xpath('//*[contains(#class, 'u-pb-4 u-block')]')
I hope this helps and it is mostly the same across different languages

Backend Product Info Grid Modificaiton

I want to create a new text field right under the SKU text field in the Product Information > General tab and populate it with the product's attribute set value. What I want can be seen in the picture below.
Unfortunately, for the past 4 hours I have been trying to locate the file that includes the code which produces the specific layout but so far I had no luck. I 'd be really grateful if anyone could give me a heads up.
Thank you for your time!
Enable backend path hints to find out which file it is. You can do it this way.
http://www.classyllama.com/development/magento-development/enable-templateblock-hints-in-admin-panel
Please note this is basically hacking. A better way to do it would be to follow something like this
http://www.marketingadept.com/blog/2014/01/magento-developers-add-a-custom-field-to-the-category-admin-page/
It's up to you, speed or do it the right way. Goodluck

Magento Specifications (Additional Data = Attributes) not showing ONLY on two product pages??

I’m scratching my head over this one as I can’t quite figure out what’s going on.
The Specifications tab is supposed to show all the attributes for these two products, but there’s nothing shown here:
http://www.centurioncctv.com/index.php/outlet/recordersoutlet/hd16p.html
http://www.centurioncctv.com/index.php/outlet/recordersoutlet/hd08p.html
These two products are in the Digital Recorders Attribute set, just like the rest of these DVRs on other pages...
All of these DVRs show Specifications (Additional Data) correctly.... but why only on the two pages above nothing would show...?
Please share some ideas with me…
I’ve tried recreating the product (not duplicating), but the result is the same.
Does anyone know where to start? I know that it has something to do with view.phtml… or something. Or is it that perhaps the folder in which the attributes are stored have wrong permission?
Does anyone know where to look for permission status for certain products’ attributes??
I also added “Downloads” and they are also not shown…
Anyone? Please help?
Thank you!!
The additional attributes are actually rendered if you look at the generated page source. There seems to be a <div> nesting error in the description content, so the javascript selector to show the attributes doesn't work correctly.
I suggest cleaning up the HTML for the description, and the other tab should start working again.

WP7 Changing 1 layout element based on another

Having no luck here trying to find a solution to this.
I've set up a looping selector based on this guide. (I also used the ListLoopingDataSource class in Part 2 in order to have strings in my looping list).
What I want to be able to do is then change another element (an image box/placeholder) on my layout, based on what is currently selected in the looping selector.
No real idea how to do this, the onSelectionChanged event is kind of abstracted and not really useful? I'm not sure how to programmatically change images either, it doesn't look like I can access a resource from the code base, only from the xaml.
Any help/suggestions would be greatly appreciated.
I found that I could do this by using binding.

Resources