I am a phpstorm user (version 5) and now I'm working on a jquery mobile project. Since jquery mobile uses custom html-data attributes, it would be great, if there is an autocomplete / code completion for the custom data-attributes like "data-icon='add'", "data-role='listview'" and so on.
Is there a plugin or a way to get this autocomplete / code completion done in phpstorm / webstorm IDE?
Thats easy. This is what you do:
1 - Go to settings
2 - Search for Libraries
3 - Click Add on the side
4 - Add jQuery Mobile.
When adding the mobile version, make sure that you provide the link and add the APIs. Its just like adding another library.
Here is a walk-through on how to add documentation.
I believe that the api link is this:
http://jquerymobile.com/test/docs/api/
Related
I need a tool to generate UML from my PHP classes and Code Iris looked like it could do that. Well, from the screenshots anyway. There isn't anything on the plugin page or on their home page describing how to actually use the plugin. Same with the SketchIt! plugin.
However, there is no reference to either one of them in any of the menu bar menus nor in any of the right click context menus. I don't see any errors when loading PhpStorm like there have been in the past when it tries to load an incompatible plugin.
So what do I need to actually utilize either of these plugins?
Any help would be greatly appreciated.
I want to integrate Bootstrap in an App Maker application. I have seen that there is an option to add external resources in the App Settings where we can add resources via cdn.
As you can see I have tried to add Bootstrap but it's not working...
I have created an html panel where I want to put the bootstrap style.
Can anybody help me? Thanks!
It does work without any problem so far on my testing. What you are required to do is to allowUnsafeHtml on the HTML widget.
The bootstrapped button will show only after you preview the app:
Is there a way to write addon options page in new Firefox WebExtensions API?
For example Google Chrome supports manifest key "options_page"
I searched through documentation and wiki but can't find anything on this point.
This answer is out of date as WebExtension support expands.
See Implement a settings page on MDN (and please upvote this answer for providing this link first).
It does not seem like "options_page" manifest key is supported as of now.
Its main use is providing UI discoverability of the options page; a link to it in the extension list, for instance.
If you're porting an existing extension, you'll need to add some other UI in your extension to open the page (e.g. a link in the popup, if the extension has one). You can simply open it with chrome.tabs.create like you would open any page and it will work identically.
A little caveat: if the extension uses OptionsV2-provided CSS styling, you'll need to compensate for its absence.
Another caveat: the chrome.runtime.openOptionsPage() function is not available in Firefox and should be replaced by a shim using chrome.tabs.
Use the options_ui key in your manifest.json. There is nice guide on MDN on how to do this - Implement a settings page.
Both "options_page" and "options_ui" will be implemented in Firefox WebExtensions!
Here is the link for tracking progress http://arewewebextensionsyet.com/#options
I want to show 3 divs as a tabular box in a Yii-based project.
Does Yii framework have a build-in extension for Tabs ? Or I have to write my own extension for it?
Yii has integrated the JUITabs from jQuery nicely, CJuiTabs widget: http://www.yiiframework.com/doc/api/1.1/CJuiTabs
For the past 3 months I have been struggling with the Google sites "insert html box" to get the CDN to serve the Jquery user interface library-jqueryui- without any success.
I have used the following code and its variants without any themes but to no avail;
The jquery library loads fine but not the jqueryui library. The Google developer site suggests that this should work, but I only get these error messages - failed to load external url jquery-ui.css OR folding element body into parent
What am I doing wrong?? Getting frustrated here!
Apparently this is a known bug. Take a look at the answer here
There is a bug link to the actual issue and a possible workaround.
Following the hint about jQuery not always working in HTML boxes, I experimented and found that some versions of jQuery UI will load!
As of today, I was able to load the following versions:
1.8.21,
1.8.20,
1.8.18
or, using the direct links to Googleapis:
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.20/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
All other versions mentioned on https://developers.google.com/speed/libraries/ would not load.
That being said, I encountered more trouble when trying to link to the CSS themes. I couldn't find any way to get an HTML box to accept links to googleapis hosted jQuery UI CSS files.
I tried pasting the CSS directly into the HTML box, but the url() links to images are not kosher. Commenting them out resulted in my getting the HTML box editor to be at peace, but the attempt to make tabbed panes work was not successful.
To say that one can do jQuery inside a Google Site is almost an exaggeration.