How To Do A Popup Context Menu Like DroneDeploys - dronedeploy

How can I include a popup context menu in my app, just like the ones DroneDeploy use?
What's the CSS, JS lib that you use???
I know how to do this using vanilla JavaScript, but I want it to look like yours, to keep the theme in tact!

I've looked at the source and can see you are using Angular CDK's OverlayModule to provide popups.
I'm not using Angular, so I'll have to just style the popup so it looks like you themes myself.

The doc is the best way to follow up in this case. There you can see what's possible or not. Did you see this point? Here you can follow a checklist to apply in your App and build App in Drone Deploy style. You'll need to follow another way to interact with users.

Related

How to add custom dynamic theming in ant design

I want to change the theme of my entire application based on the theme coming from API.
My current implementation:
I used these steps mentioned in Antd Docs which works perfectly for a static custom theme. ( For any change made in the config the server has to be re-run )
This would not fit my current requirement as the app can't be stopped and re-run.
Antd supports dynamic theming
You can follow the official Antd Docs to implement this.
Here is a simple codesandbox to get started.
However if you choose to not to go with experimental approach there is an another way to implement dynamic theming using a plugin.
Check this simple guide to get started
Note: This project is not maintained actively. Use this with caution.

How to apply page background images in tabris, preferable using stylesheets for iOS and/or Android devices

this is not clear to me from the documentation and from the current behavior I see in my app: The stylesheets work nice using a web browser, but not on the mobile app.
So what I was looking for is how to apply different background images in our mobile app (or at least colors) to the navigation page (top level pages list) and any other pages. We would like to apply different styles to the our current, I guess default style but don't know how to do this. So at this point I do not know what I can ask our graphics designer to provide.
Any docs that I missed or examples I can look at?
Thanks,
Vincent
The styles you are using for the web are applied by RAP's theming. Currently Tabris does not support theming. The only option you have at the moment is to use the SWT setBackground.Image methods on the widget itself. To behave different as in the web you could use RWT.getClient().getService( ClientDevice.class ).getPlatform(); to distinguish between the mobile and web client.

Using Ext "Neptune" theme with App SDK 2.0

Now that Rally has changed the default UI for their ALM product, I have noticed that the UI components in my apps don't fit the same styling characteristics as the default UI elements. I think it would look a lot cleaner if I could use Ext's "Neptune" theme: http://docs.sencha.com/extjs/4.2.2/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#basic-panels
Is there a way I can use this theme by default? If it is hosted anywhere within Rally, I think it would be as easy as including the CSS file in the App.html, but I could be wrong.
2.0rc1 is built on Ext 4.1.1a, so I'm not sure if the neptune theme is included or not. You'll be happy to know that 2.0rc2 is hot off the presses though, and should incorporate most of the new look and feel.
https://rally1.rallydev.com/apps/2.0rc2/sdk.js
https://help.rallydev.com/apps/2.0rc2/doc/

Standalone video control example for Google TV jQuery Library?

The jQuery VideoControl is documented here:
https://developers.google.com/tv/web/lib/jquery/#gtv.jq.VideoControl
It takes a set of VideoParms. That are not specified.
It is used in the sample templates on this page:
https://developers.google.com/tv/web/docs/gtv-templates
I've taken apart the templates, but I'm having difficulty creating a simple example of a standalone video control. In the templates, the sidenav and carousel code are tied to how the videocontrol works. There is a relationship between the keyController and behavior (behaviorZones) that I can not find an explanation for.
Is there a standalone example somewhere? What needs to be setup with keycontroller, css, and behavior to get this going?
I'm not aware that there is a standalone videocontrol.js sample but it should be possible to set it up. Most of the necessary pieces are inside videocontrol.js, in particular in the videocontrol's constructor and this function: gtv.jq.VideoControl.prototype.makeControl.
keycontroller mapping is used to handling key inputs and some of the CSS are dynamically controlled within JS so there might be errors if you just rip them apart straight from the Template. You'd have to debug it using a solid tool like Chrome Developer Tools. You can watch tutorials of this tool here: http://www.youtube.com/results?search_query=chrome+developer+tools&oq=chrome+develop&aq=0&aqi=g3g-m2&aql=&gs_sm=3&gs_upl=1972l4015l0l6142l14l11l0l0l0l0l207l1476l3.5.3l11l0
Otherwise please send your error traces and/or code snippet for debugging help.
S

How to develop a webapp which allows the user to add markup to text files?

I need to develop a simple webapp that allows the user to highlight a couple of words in the file (text or HTML) that he can load from the screen, and then right-click and have some options show up to choose from.
When she chooses the option , the text of it is added to the file shown on the screen,right after the highlighted text, inside some parenthesis or similar.
Is Ruby on Rails a suitable platform for developing such an app?
Is Grails more suitable ?
(Assuming similar level of knowledge in Groovy and Ruby)
In both cases, I'd appreciate pointers to gems/libraries I should be looking into for these tasks.
Thanks!
I'm not 100% sure I understand your requirements, but have you considered integrating a WYSIWYG (what-you-see-is-what-you-get) editor into your web app? Something like CKeditor is open-source, and effective.
You could load the file into the editor and setup a custom context menu like described in part 6 of this tutorial. So when the user right clicks in the editor, the custom context menu item could be configured to facilitate the insertion you are looking to accomplish.
I agree with corroded's advice to choose a language/framework you know and can work better in, as you'll be able to achieve your desired functionality through a variety of languages/frameworks.
Best of Luck!
Find a language/framework you know and can work better in. Also, you're gonna need some javascript magicks so I suggest using jquery. Here's a link on how to do your right click action: How to distinguish between left and right mouse click with jQuery
I think the function you describe is more about client user-friendliness than server processing. I think it's can only be done with javascript/jQuery or similar tools.
Same as tmarsden, I think a good way to do that is integrating a WYSIWYG free editor. I have done it before with TinyMCE, by writing a custom plugin for this tool. If you choose using Grails as server technology, you can take a look at TinyMCE plugin for Grails.