It seems a very simple requirement.
How do I put an image on a button? The delete button has a style variant of Icon, but I can't see where the image is coming from.
Can anyone point me in the right direction?
Where can I find all App Maker button icons? ...partially solved my problem, in that I can see the text value is used to find the icon resource, but I would like to know how to put my own image on a button.
If you really want to use an image file of your own, you can insert it as an Image widget, and then use the onClick event for the image to set the button's action.
With that said, I am a huge fan of the Material icon set that's linked from the Where can I find all App Maker button icons? question. I can pretty much always find an icon that works for what I need; then it's just a matter of setting the button style to Icon and using the name of the icon as the button text.
Related
this is the situation:
We have a series of tabs, which have card-like elements inside. The designer choose to push a "change display" feature which hides part of the content of the cards (image, description) to increase the displayed number per time.
The problem:
The designer choose to put this change display button, in the tabs section. Like (Tab - Tab - Button).
After a couple hours of research, I couldn't find a way to place a button inside the <b-tabs> component (which has X number of <b-tab>). I had to use float, position absolute and use coordinates to place the button, but obviously this is not a desirable solution.
Is there a better approach to this problem? Or it's possible to place the button inside the component itself?
Thanks.
Edit:
#Anatoly gave the answer !
Thanks.
Try to use tabs without a content, described here
I want to create a button with cancel option(image).
Please have a look image.
Cancel or button both have different click option.
enter image description hereHow I can achieve this.
You can use simple StackLayout with horizontal orientation and use Tap Gesture for image and label to achieve your target.
Hope this may solve your issue.
The Button has an image property you can define in xaml. Just add the name of your image and make sure it exists in the resources / drawable folders
This is a screenshot if you put a Menu on a StringField:
This is a screenshot if you put a Tooltip on a StringField:
This is a screenshot if you put a Menu and a Tooltip on a StringField:
the (i) icon from the tooltip is the button to open the menu list.
the tooltip text is not visible.
Did I miss something?
Is this a known issue?
Yes, this is a known issue. If a tooltip and a menu are provided, a combined popup should be shown including the tooltip text and the menu items. But this has not been implemented yet. Feel free to open a bug.
However, if you only have one action you could set the property hasAction to true instead of using a menu. This will bring up a clickable arrow inside the field, actually intended to follow a link or open the email client. But you could also use it for any other action as well, just implement execAction. Please note that this feature is only available for string fields so far.
StringField with hasAction=true:
I apologize if the title was not clear enough. I am working on a project where a user can design a page (something like Wix). I am continuing on a project left in-complete by some developer. The sequence of action is.
The user clicks on a link which adds an element on the page (e.g. textElement, picture, slider...)
There is an edit button for each element. Clicking which opens a dialog box.
On the dialog box there are sliders and color picker drawn using Kendo-UI. Using them the user can change the style settings for the element (e.g Font-Color, BG-Color, Font Size...)
What I want now is to apply/show the changes live on that element. I have the id available for each element. I can bind each of the style selectors and apply the changes live to the text element. But that does not seem the right choice as in future we might add another style selector in the dialog box, and that would mean adding the code for binding this new selector.
What I wanted to know was that is there an alternate or preferably easy way to do this?
Regards
Share some code with the basic idea that you follow, cause it's not getting clear what you did. It sounds like you can use the MVVM framework feature to help you for that.
Sorry to bother you, but I was hoping you could help me. We are currently building a new web site and have run into some issues with our programmer. I am trying to do some research to see if we can find a way for my issue to be solved so that I can let my programmer know.
First issue:
Go here: http://tinyurl.com/276we3f
At the pop-up just enter some example text.
Now, when you hover over any text boxes on the left of the card, you will see that the text boxes become highlighted with a border. If you click in a text box, a properties pop-up appears that allows you to change the font, color, alignment, etc. When you click close, it will take you back to the product and will highlight the text. I want the user to be able to click anywhere within a text box to type new text. For example, in the bottom text box, where it says "join us to celebrate", the user should be able to click anywhere in that text to change the wording. They might want it to say "join me to celebrate" instead of "join us to celebrate". However, if they click next to the word "us" so that they can change it....the pop-up appears.
Is there a way to just have a pop-up appear to the side and not have the background grayed out and disabled?
Also, is there a way to be able to click anywhere in the text box to edit just certain words or letters?
Second and final question:
If you click on "Click to add photo", you will see a pop-up appear that allows you to upload an image, edit it, etc. After uploading the image, I want the user to be able to move the image around with their mouse by dragging it and positioning it in the exact spot that they want it in. We also have the arrows where they can click the up, down, left or right arrow in the image editor pop-up....but I would like for them to be able to drag the image with their mouse as well. We know how to enable dragging of the image. However, the problem occurs when the user releases the mouse button. On the mouseup when the user is done dragging....the pop-up will appear since the pop-up is triggered by the release of the mouse button.
Does that make sense?
Sorry for the long message and THANKS SO MUCH for your help!
For the first part of your question, when showing the dialog box for the properties of the text area, you can pop it up as a non-modal window. This means the properties dialog will show but will not lock out the rest of the UI, enabling the user to change the text however they like. It also means the background does not blur/grey out. To pop up a window in a non-modal state, call PopUpManager.createPopUp (or PopUpManager.addPopUp) with the third parameter (modal) set to false.
For the second issue, set a member variable such as "isDragging" to true when you detect that the user is dragging the image around. Then on mouse up, only display the pop up if isDragging is false.
Hope that helps.