I need to create a photo gallery and each individual photo when selected will have some options to edit. For this am using NSCollectionView to set up the grid layout. I followed this guide and the basic grid layout is setup.
Now I need to enable selection of these images. So that when I click on them it gets a check mark, and later I need to enable batch processing of these images(copy/delete ...).
I am stuck here, and couldnt get any info on how to handle selection and later get the selected items from the grid ?
Related
I need an idea, please. I have a Details form which shows the fields of a model (about 10 fields in all). There are three modes in which I could show this view - in mode "Edit", in mode "New" (which, of course, is like an edit but without values), and in mode "View" (no changes allowed, just labels).
I could of course create three Details pages, one for each mode, and call them selectively, but I would like to have just one and pass the "DocumentMode" parameter to it. That View should bind to that mode and selectively show/hide controls, probably like "DocumentMode = VIEW => Show labels" or "DocumentMode = EDIT => Show Entry or Editor, show DatePicker, TimePicker, etc".
My question is this: How do I show/hide these groups of controls depending on the DocumentMode parameter ? Which would be the best way to do this ? I could probably bind the "IsVisible" property to my documentMode parameter, but I think that is a really ugly solution (and I assume that regardless of whether the controls are used or not in a specific mode, they will all be loaded anyway).
Thank you.
Alex
I think you can use a Listview or Collectionview to represent your data because you mentioned that you have 10 fields.
In addition, you said you need a "new" button, so you can set it at the top of the app as a button, when you click the button then you jump to another page which is blank and you can add the data.
This must refer to the shell you may need to set a navigation.
Then the "view" and the "edit" you can use the property SelectionChanged to control the item, I mean when you click the item in collectionview, the SelectionChanged method can be triggered and turn to another page which can show the detail about the item you clicked. In the page you can view and edit the data.
Here are some articles you might be able to use: Listview, Collectionview, Shell
If you have more information to add, please kindly share with me.
I’m trying to create a multipage HMI in "Twincat3 Beckhoff".
The problem is when we use to bring to front other keys are useless.
when we use to send to back we have problems such as the other keys don't work correctly. I want to open a separate page.
What you're looking for are .content files. As explained on InfoSys:
Creating navigation
Switch to the Solution Explorer.
Add the desired number of content objects:
1 Right-click on the TwinCAT HMI project entry or on one of the
folders.
2 Select Add and New Item and select Content.
Open the view or the content where you wish to add the navigation.
Add a region and buttons in order to switch between the contents.
Set the Target Content attribute in order to define the start content.
Add a SetTargetContent action to the .onPressed event of all buttons and set the corresponding content.
You can hide all the objects you do not want to be displayed by coding on the New Page Call Button.
TcHmiButton::Visibility = hidden[enter image description here][1]
The second solution is to make the page we want to call small, but increase the width and height of the page to be coded by coding in the desired button.
How to create menu like below
I have already craeted charts but all of them are displayed within tab open, I want to create menu like above to choose which one should be displayed.
Does anyone have suggestion or some tutorial to watch how to make these?
To me, it looks like a Static content region that has buttons as menu items. Those buttons have images on them (so that they look pretty - like the one you attached, having blue-red-green worksheets).
How to do that?
Create a button
modify its size using "Custom attributes" property. For example:
style="width:100px; height:100px"
in order to put an image onto the button, here are two options you might want to explore:
if it (the image) is in workspace images (uploadable as a shared component), then resize it before uploading and set it to a button by putting something like this into button's label property:
<img src="#WORKSPACE_IMAGES#PRETTY_WORKSHEETS.JPG">
or, use "Custom attributes" again, this time by using a fully-qualified URL as an image source, e.g.
style="width:100px; height:100px; background-image:url('https://www.miroconsulting.com/wp-content/uploads/2018/10/oracle-apex-license-1.png')"
The rest should be easy, i.e. setting a link to the button so that - when pressed - it takes you to another page in this application (which is what you, probably, will do).
We are using a Telerik Rad ComboBox to render a drop down. The issue is by default it renders a div and<ul><li> for the drop down list. We tried setting the RenderingMode to "Simple" BUT for some reason the RenderingMode property is not taking. We want the Simple property because it is SUPPOSED TO ouput:
<select><option></option></select>
instead it is still rendering
<ul> <li>.
On mobile devices we want the list to pop up the device's default select option viewer.
We found that there is a property for the ComboBox to set RenderingMode="Simple", HOWEVER, it does not seem to be switching out our RadComboBox to elements, it is keeping the default. I checked the HTML output in Firebug and nothing has changed. The RadComboBox is inside a RadGrid that is triggered when "Add new record" selected.
Any reasons why setting the RenderingMode to Simple doesn't work???
EDIT
I see it rendering the select in Firebug and the style is pushed way left -9999 and the position if fixed, I overwrote the CSS so that those came into view BUT the values are not taking or inputting into our RadGrid when we click save. It does not seem the items have the same values.
EDIT 2
Image 1. Even though we have RenderingMode="Simple" it still creates the 'ul li' version.
Image 2. It creates the HTML but according to the documentation the 'ul li' is supposed to be gone and the droplist is supposed to show up in place of it. Instead, as you can see in Firebug, it inputs BOTH.
Image 3. Shows both input types when I take the -9999px or the position fixed from the CSS can see both actually are rendered on the page
Image 4. Is the Code example. Very simple .Net using the RadComboBox with the RenderingMode specified but not working correctly.
i want to use page indicator control in pivot ,to show the user which page they attract.but i also want to add some functionality in page indicator to select the page with the help of page indicator like android .but i don't know how it is possible.if u know then send me a link or example
You could create the ui yourself and update the current page indicator by using the selectedIndex property. There are controls created by other developers, like here, which you could use. But for complete control over the functionality, I'd suggest you create your own or use the source code provided by other developers (see above link) to get ideas.
To make the implementation clearer:
You can add the same UIElement containing a list of dots equal to the number of pivots, and using the SelectedIndex property you can fill the corresponding dot. Add gesture events to this element and handle it to change the SelectedIndex appropriately.