Where can I find the source code of specific widget inside ios4?
for exmaple , the code of UIDatePicker ,segment control ...
Thanks advance for your help.
BR,
camino
UIKit is not open source; the source code is not available.
As Jim said, the source code ad an UIKit element is not available because it isn't open source.
But if you are searching for source code that show how to use them, you can search on the Developer Site.
UICatalog source code is what are you looking for.
It shows how to use the most common UIKit's element, like buttons, pickers, alerts and other...
Related
This relates to an Xpages project using openNtf's Extension Library for Domino 9.0.1 V 16 (2016-01-28). There is a custom theme applied that extends extLib's Bootstrap3 theme.
Now I also applied Mark Leusink's debugToolbar Plugin (V 4.0.1, 2014-03-10).
Unfortunately all tables that are display inside the toolbar are partially "destroyed", as in this example:
Debugging the resulting html I see that the "label" cells of the debug table are assigned class="label" or class="label wide". Unfortunately bootstrap.css applies a display: inline style to a .label selector.
Currently I solved this by applying my own custom css file to reset toolbar styling; but I wonder whether there might be a more elegant way, maybe some kind of property that I simply missed out here. Or is this something that have to be done within the toolbar's source code?
Please add this as a defect on the project, so the contributor is aware and can resolve.
Alternatively, download the source code from https://github.com/OpenNTF/DebugToolbar, contribute the fix and make a pull request.
Hopefully Paul's and my entries at github and within the openntf.org project will help resolving this issue. Meanwhile my workaround seems to be the only option here;
As I mentioned above I created a custom styleSheet with just one line in it:
div.dBar table.grid td.label{display:table-cell;}
Then I created a cusom control as a container for the debug toolbar so that I could link my custom style sheet as a resource. The debug custom control finally is added to all the xpages where I want to have the toolbar.
Maybe this can help others, too.
I have been working with Vaadin charts during this week and I found a problem that I cannot solve. I need to send several charts to a PDF generation (using iTextpdf) and I could do it using SVGGenerator. The main problem is I cannot use this solution because the final laptop doesn't allow any installation, and Phantomjs is required for SVG Generator (no add-on can be installed neither). I tried to find a different solution to convert the chart content into file or buffer that I can manage, but I think I have been reading so much posts and I am not able to distinguish the solution.
So, I will try to clarify basic questions first:
a) Is it possible to manage SVG Generator without any installation in the laptop?
b) If not, is there a different way to convert a chart into an object which class could be managed to insert it into a PDF?
I can assure you I tried to read all documentation in this forum and official Vaadin forum related to this topic but I couldn't find any solution. I don't want to seem lazy, I only want to avoid spending more time and clarify the maining pre-conditions to solve this issue.
thanks in advance for your time and help.
Kind regards,
David.
You can take a screenshot of your chart and append it to pdf:
Screenshot screenshot = new Screenshot();
screenshot.setTargetComponent(myTargetComponent);
myChartLayout.addComponent(screenshot);
//when complete
screenshot.addScreenshotListener(new ScreenshotListener() {
public void screenshotComplete(ScreenshotImage image) {
//do something
}
});
//take screenshot
screenshot.takeScreenshot();
You will not be able to render a Vaadin Chart without a web browser engine of some kind. That's what PhantomJS provides. If you have a full-blown web browser at your disposal, though, you can grab the SVG markup manually from there; it's just a bit more difficult to automate. This works in Chrome:
Open your Charts app in the browser
Open the JavaScript console (Ctrl/Cmd + Shift + J)
Type something like this: copy(document.getElementsByTagName('svg')[0].outerHTML)
Paste the contents of your clipboard to a new text file and save it as an SVG.
You don't need to install phantomjs, just bundle its binary along with your web application (Reference). I did the same thing with my Amazon AWS deployment and it works just fine.
I'm trying to help my daughter-in-law with her Tumblr blog. When she tries to add an audio link she gets the following...
You are using a custom theme that doesn't include the code for Tumblr's new audio player.
You can either switch to a preset theme or add the new audio code to your custom theme's HTML (for advanced users).
I have created a blog with a preset theme and and compared the code to hers and see that it is very much different. So much so that I am not sure what to change.
I was able to get the above message to go away by replacing the block:Audio block in the div class="post" div with the following...
{block:Audio}
<section class="top audio">
{AudioPlayerBlack}
</section>
{/block:Audio}
There is a lot of other audio references in the preset theme, but I am not sure where to put it or what is needed.
Is there more I need to do. I am waiting for her to test it, but in the mean time can someone point me to instructions of the proper way to do this, or help me out otherwise?
Thanks,
John
I was able to to test it and it works fine.
For anyone with the same problem, you can simply copy the block:audio code in my question and replace the block:audio code in your custom themed blog.
John
I followed some tutorial to change the way Sharepoint Search Box is shown on screen.
My first problem is, after modifying the SearchArea.xml file, is there a way to force the reload? The frequency of reload seems very random.
Bonus question: is it the best way to do it?
It's the easiest I've found, but having to change the file on the client's production server when the project is deployed doesn't seems very optimized.
For the first question, you need to reactivate the feature to have it instally reload, check this link in msdn
The second question, I just answered in another post, check it out
Its very straight forward. All you have to do is create your custom CSS file and have it override the default styles from the corev15.css file.
The class for the Search inpubt Box is .ms-srch-sb
And you can use your custom styles something like:
.ms-srch-sb>input {
/* your custom css style*/
}
Hope that helps.
Cheers
The situation:
Take a look at this page and search "photo" on both:
http://dev.womenandlogistics.com/testsearchengine.html
The top search engine refreshes the page and displays results with orange link titles and blue links. The bottom search engine displays tabbed results with blue link titles and blue links.
I found an answer to this on the Google forums; however, I am inexperienced with AJAX so I have no idea what to do this answer. I've read through various Google documentations on custom search engines and web elements regarding this, but I still can't figure it out.
What I've tried so far...
Added a class in the section (class="gsc-result gsc-webResult") and added the corresponding CSS (#gsc-result gsc-webResult) on the page to see if that works, but it didn't.
Viewed the context XML file to see if I can make changes. This only affects the top search box.
What you can do to help
Provide an explanation of what I'm doing wrong
Provide an explanation of where I should be looking
Show me samples of code that illustrates the actual color changes and where it can be found
I really appreciate your help! Thanks!
Here's what I suggest
Go to this link https://www.google.com/cse/ and create account
Create your custom search box
Customize looks as your wish
Copy the code after customizing
Paste in your blog or website where you want the search box to appear
Source: http://www.latestgames2.com/
Try this: http://spryserif.com/testsearchengine.html