w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
Add upper right corner "close button" icon to the JQuery lightbox?
I added to the original code the close button and some styling for it. http://jsfiddle.net/FMnn6/ var close = $('<a href="#" class="x">x</a>'); close .appendTo('#lightbox') .click(function(e){ e.preventDefault(); closeLightbox(); });

Categories : Jquery

how can i using icon-user & icon-lock bootstrap css framwork in a form that in textfield to show the icon
Try it <div class=" container"> <div class="hero-unit clearfix"> <div class="pull-right"> <form class="well"> <label>Username</label> <div class="input-prepend"> <span class="add-on"><i class="icon-user"></i></span> <input type="text" placeholder="Type your username"> </div> <label>Password</label> <div class="input-prepend"> <span class="add-on"><i class="icon-lock"></i></span> <input type="password" placeholder="Type your password"> </div> <label class="checkbox"> <input type="checkbox">Remember me </label> <button type="submit" class="btn

Categories : HTML

Why when i close my application from the icon tray sometimes the icon is left on even after the application is closed?
You can either set notifyIcon1.Visible = false; or notifyIcon.Icon = null; in the form closing event. (from NotifyIcon remains in Tray even after application closing but disappears on Mouse Hover )

Categories : C#

How to make 3 line button in the upper left corner of pinterest.com?
HTML: <div class="line-separator"></div> CSS: .line-separator { height:1px; background: #999; border-bottom: 1px solid #333; } background changes the line color, and border-bottom gives it a drop-shadow effect. Adjust the colors to your liking.

Categories : CSS

Postscript: Draw Logo in upper left corner in any page size
You can extract the current media size from the page device dictionary : currentpagedevice /PageSize get that gives you the width and height of the media, and you can calculate from that where the top left corner is. The layout of the portion you are adding is up to you, but you should be able to use the width and height to calculate an appropriate scale factor, as well as figuring out where the remaining portions of your graphic will go. %! << /PageSize [595 842] /EndPage { exch pop 2 lt { currentpagedevice /PageSize get %% stack has array [width height] 0 0 moveto %% start at bottom left dup 1 get %% copy array, get height 0 exch lineto %% line to top

Categories : Misc

How to change the anchor point from the top-left corner of a transformation matrix to the bottom-left corner?
The following formula would work, for converting the position from CSS3 to Cocos2d: (screen Size - "y" position in CSS3 - height of object) Explanation: To make the origin for the Cocos environment same as for the CSS3 environment we would only have to add the screen size to the cocos2d's bodies y co-ordinate. Eg. The screen size is (100,100) and the body is a point object if you place it at (0,0) in CSS3 it would be at the top left corner. If we add the screen size to the y co-ordinates for cocos2d the object would be placed at (0,100) which is the top-left corner for cocos2d as well To make the co-ordinates same, since the Y axis is inverted, we have to subtract the "Y" co-ordinate given in CSS3 from the Screen Size for Cocos2d. Suppose we place the same point object in the previous

Categories : Objective C

Change application taskbar icon at run time(ignore shortcut icon)
Shortcuts have nothing to do with how the application icon appears on the taskbar, a shortcut only points to the actual executable that has the icon embedded as a resource. Your problem could be the Windows Icon Cache. This is a common scenario where the Icon Cache isn't updated properly. You should rebuild/refresh your icon cache, then you should see the currently loaded application icon appear on the taskbar, and you can then use the Application.Icon.Load... to swap the icons between modes. It could also be just due to your taskbar options. If you have your taskbar set to combine both Icon + Label then the icon does not change. Make sure that the option is set to don't combine or combine only if taskbar is full.

Categories : Delphi

jQuery Mobile data-icon=bars displaying as plus icon when using Doctype
This is just a typo. Replace data-icon="Bars" with data-icon="bars" And your'e good to go. You have to follow the exact case when it comes to images. The full set can be found here : http://api.jquerymobile.com/icons/ Here's a demo : http://jsfiddle.net/hungerpain/cpRh2/1/

Categories : Jquery

Adding a icon on the first item on listview: scrolling it, the icon moves randomly
OK, we need to see your full code to get an idea of what's wrong here. Can you show us the actual Java / XML files? First of all, what's the default value for the visibility on your list items? Make sure that the plus button is set to View.GONE by default, and that the list items are set to View.VISIBLE. Secondly, are you duplicating the same view for each list item? Does that mean that all imgicons have the same ID? Maybe you should programmatically insert the imgicon into the first list element, and ONLY the first list element.

Categories : Android

Combinging "icon" and "apple-touch-icon" link types
This solution is very promising. Unfortunately, it does not work. I have just tried with an iPad Mini, running iOS 7.0.4 and Safari with the following code: <link rel="icon apple-touch-icon" type="image/png" sizes="57x57" href="/apple-touch-icon-57.png"> <link rel="icon apple-touch-icon" type="image/png" sizes="114x114" href="/apple-touch-icon-114.png"> <link rel="icon apple-touch-icon" type="image/png" sizes="72x72" href="/apple-touch-icon-72.png"> <link rel="icon apple-touch-icon" type="image/png" sizes="144x144" href="/apple-touch-icon-144.png"> <link rel="icon apple-touch-icon" type="image/png" sizes="60x60" href="/apple-touch-icon-60.png"> <link rel="icon apple-touch-icon" type="image/png" sizes="120x120" href="/apple-touch-icon-120.png"> <lin

Categories : IOS

'Missing recommended icon file - The bundle does not contain an app icon for iPhone / iPod Touch of exactly '120x120' pixels, in .png format'
After Apple launched iOS 8, iPhone 6 and 6 Plus, the app icon sizes and launch image sizes changed; please visit my post for new sizes: Image resolution for new iPhone 6 and 6+, @3x support added? Yes, you need to add a 120x120 high resolution icon. Now, if you want to target only iOS 7, you just need 76 x 76, 120 x 120 and 152 x 152 icon sizes. If you also want to target iOS 6, you’ll need 57 x 57, 72 x 72, 76 x 76, 114 x 114, 120 x 120, 144 x 144 and 152 x 152 icon sizes. Without counting Spotlight and Settings icon if you don’t want the OS to interpolate them! As per the blog post New Metrics for iOS 7 App Icons. UPDATE: As per Apple Guideline App-icon OR Icon and Image Sizes: Icon dimensions (iOS 7 and later) Icon dimensions (iOS 6.1 and earlier) Create differ

Categories : Iphone

How to make my jlabel with icon look like desktop icon?
This is how you can do it, JLabel l=new JLabel("My Documents"); l.setIcon(new ImageIcon("mydocuments.png")); l.setHorizontalTextPosition(SwingConstants.CENTER); l.setVerticalTextPosition(SwingConstants.BOTTOM); l.addMouseListener(new MouseAdapter(){ public void mouseClicked(MouseEvent me) { if(me.getClickCount()==2) { try { Desktop.getDesktop().open(new File(System.getProperty("user.home")+"\My Documents")); }catch(Exception e){} } } });

Categories : Java

icon at left with spacing but border according to text
Your HTML have to be like this <a href="#"><span>some text</span></a> so you can style your link and your text separately a{ background: url('path') no-repeat left center; padding-left: 50px; } a span { border-bottom: 2px dashed; }

Categories : HTML

Twitter bootstrap, icon pull left vertical align
Try something like this .pull-left{ margin-top: 3px; } jsFiddle: http://jsfiddle.net/enve/HX6ef/1/

Categories : CSS

JFace -SWT How to make TitleAreaDialog similaire to Eclipse one
I finally solved the problem myself, after thoroughly looked at the code of the TitleAreaDilog class, I found that there was no way to do this directly. with a little imagination I found the trick, it was necessary to create two nested Composites the parent Composite without margin will contain the two separators and the child composite which have margin and will contain others controls. as we you can see in the example below. I hope this will help some beginners like me package dz.iaityahia.cieptalcars.matresorerie.dialogs; import org.eclipse.jface.dialogs.IDialogConstants; import org.eclipse.jface.dialogs.IMessageProvider; import org.eclipse.jface.dialogs.TitleAreaDialog; import org.eclipse.jface.resource.JFaceResources; import org.eclipse.swt.SWT; import org.eclipse.swt.events.Sel

Categories : Java

How to programmatically access an Eclipse JDT tooltip icon
You are looking for org.eclipse.jdt.internal.ui.JavaPluginImages.IMG_OBJS_QUICK_ASSIST. A code snippet like JavaPluginImages.get(JavaPluginImages.IMG_OBJS_QUICK_ASSIST) should do the trick. (JavaPluginImages is not API hence you will get a warning in your code, but you can just ignore that)

Categories : Eclipse

Cannot create Android app in Eclipse. Red x icon by 'Theme'
You could do the following Restart eclipse and switch to a new workspace and try creating a new project(that should fix it, as I had fixed my project the same way) if it fails then Reinstall the SDK into different directory

Categories : Android

Change Java program icon under eclipse window builder
The image should be placed in a source folder. In netbeans I created a folder in my src directory for non-java resources, mostly images. Then a similar dialog box to the one you show above allows me to choose items from this as icons. This should work for eclipse too. You can also accomplish this just with code where res is a folder inside the src directory. try { ClassLoader cl = this.getClass().getClassLoader(); ImageIcon programIcon = new ImageIcon(cl.getResource("res/test.png")); setIconImage(programIcon.getImage()); } catch (Exception whoJackedMyIcon) { System.out.println("Could not load program icon."); }

Categories : Java

How to change filter icon color or filter icon when column is filtered
This is supported out-of-the-box. Take a closer look at the demos when you filter change the theme if needed. Or modify the CSS of a particular theme to make it more clearly visible.

Categories : Kendo Ui

Show loading icon whenever the browser loading icon is active
Buffering Case your PHP scripts are causing a slow load you must put' em in buffer. So, when the load is finished you can free this buffer. This isn't so hard to implement. See the PHP output buffering control documentation for this: PHP Output Buffering Control Finished the loading of the buffer You can make like this: http://jsfiddle.net/S9uR9/ $(window).load(function () { //hideLoading(); }); hideLoading = function() { $('.loading').fadeOut(2000, function() { $(".content").fadeIn(1000); }); }; hideLoading(); In your page, try to remove the commented line in $(window).load() function and comment the last line hideLoading();. Detecting browser’s activity I've noticed that some browsers show a loading icon

Categories : PHP

jQuery if valid show icon else show invalid icon
JS if ($('input').hasClass('woocommerce-invalid')) { $('#someDiv').addClass('red-cross'); } else { $('#someDiv').addClass('green-tick'); } CSS .red-cross{ background-image: url('red-cross.png'); } .green-tick{ background-image: url('green-tick.png'); }

Categories : Jquery

How to adjust tab panel scroller menu icon to display all the time on the LEFT side (instead of on the right side) ext js 3
Here what you have to change: CSS: .x-tab-scroller-right-over { background-position: 0 0; } Javascript var rtScrBtn = this.header.dom.firstChild; Ext.fly(rtScrBtn).applyStyles({ right: 0 //'18px', }); var stripWrap = Ext.get(this.strip.dom.parentNode); stripWrap.applyStyles({ 'margin-right': '18px', 'margin-left': '36px' }); // Add the new righthand menu var scrollMenu = this.header.insertFirst({ cls: 'x-tab-tabmenu-right' }); scrollMenu.setHeight(h); scrollMenu.addClassOnOver('x-tab-tabmenu-over'); scrollMenu.on('click', this.showTabsMenu, this); this.scrollLeft.applyStyles({ 'left': '18px' }); and the updated jsfiddle.

Categories : CSS

Keep close button on upper right corner even when image scales
Well you've got a lot of unnecessary styles and elements. Check out the updated example, this should be all that you need: http://jsfiddle.net/dmEpF/34/ <div id="full_image"> <img src="http://cdn.funkyspacemonkey.com/wp-content/uploads/2013/06/steve-wozniak-white-iphone-4.jpg"/> <a href="#" class="full_close">X</a> </div> And the CSS: #full_image { position: relative; display: inline-block; max-width: 100%; } #full_image img { max-width: 100%; } #full_image .full_close{ background-color:yellow; top: 10px; cursor: pointer; height: 29px; opacity: 1; position: absolute; width: 29px; z-index: 999; right: 10px; color: #222; text-decoration: none; text-align: center; l

Categories : HTML

How to change a resource icon in a imageview with another resource icon
Try this: ledicon.setImageDrawable(getResources().getDrawable(android.R.drawable.presence_busy)); (When accessing system resouces you have to look them um in android.R not your own.)

Categories : Android

Add drawable to EditText's top|left corner
Seems it's impossible to do it with only EditText / TextView without anyside effect and additional views (I've provided the way at the end, but it needs more work with image and can be not applicable for every phone, because of different edit text backgorunds depending of manufature). The same question have been asked already many times: here and here for example. Per my understanding the easiest and fastests way might be not as suggested in above questions (by usage of RelativeLayout), but just using FrameLayout the following way (You'll have 2 views vs 3 view using RelativeLayout+ImageView): Make your icon 9patch (using 9patch tool). E.g. you have the following icon initially: Then You can convert it to the following one: (You can see black pixels which shows area to be stretched w

Categories : Android

IE top left corner border diffrent
I don't think either of the browsers is wrong in this case; they've just implemented the same standard slightly differently. The corner of the border in this sort of case is specified to be a diagonal line separating the two colours. Of course when it's only a single pixel wide, a diagonal line is fairly meaningless; the spec doesn't say to prefer the vertical or horizontal line, so there's room for slightly the different interpretations you see here. If you really need to guarantee the colours in this case, I would suggest using :before and :after to create the borders on the sides separately from the main box.

Categories : CSS

Activity top-left corner back button
That is referred to as "up" navigation (despite the fact that it points left...). You can enable it by calling setDisplayHomeAsUpEnabled(true) on the ActionBar.

Categories : Android

How to place picture in top left corner of device?
it pushes from far left and upward because the reference point of the image is pointing to center i think you need some calculation on it to make it at the top left of your screen i have created some calculation for me to my image to make the reference point at the topleft hope this can help you local place1 = display.newImage("Images/place1.png", 0,0,true) place1 .xScale = (0.5 * place1 .contentWidth)/place1 .contentWidth place1 .yScale = place1 .xScale place1 .x = place1 .contentWidth / 2 place1 .y = place1 .contentHeight / 2 just change value of place1.x to make the desire position that you want

Categories : Image

How to position an element at the TOP LEFT corner of a page using CSS?
Your CSS actually already was correct, but each browser has default styling which includes default margin and padding. This is what was causing your elements to be positioned strangely. Adding the following "reset" CSS at the top fixed it: *{ margin: 0; padding: 0; } Fiddle

Categories : HTML

Autoresize mask - pin top left corner of UIImageView
It seems your autoresize mask is overridden later, after the view has been created with the autoresize mask from the xib. Try to set your autoresize mask in layoutSubviews, or maybe in the view controller's viewDidLayoutSubviews.

Categories : IOS

SlidingDrawer handle not displaying at top left corner
A non-customized SlidingDrawer can only have its handles at the bottom or on the right. You may want to take a look at Panel from misc-widgets https://code.google.com/p/android-misc-widgets/ Otherwise you have to rotate your SlidingDrawer 180 degrees android:rotation="180" Sadly this is only available in Android 3.0+ (API Level 11)

Categories : Android

windows 8 tabbar on left corner ,will microsoft approve
It won't be rejected. But as far as UX is concern you should not do like this. As it will be mix up with charm bar i.e. left side vertical appbar will conflict with program pane and right side vertical app bar will conflict with charm bar. You can use Windows App Certificate Kit to test store certification process. WinRT XAML Toolkit has such appbar.

Categories : Windows

libGDX - Add scores & display it at top left corner of the screen?
To display the score you could create a stage. Stage stage = new Stage(); stage = new Stage(); stage.setCamera(cam); stage.setViewport(WIDTH, HEIGHT, false); Then you'll have to create like a label, and a text font. So you can look that up on the libgdx wiki for details. Label text; LabelStyle textStyle; BitmapFont font = new BitmapFont(); //font.setUseIntegerPositions(false);(Optional) textStyle = new LabelStyle(); textStyle.font = font; text = new Label("Gamever",textStyle); text.setBounds(0,.2f,Room.WIDTH,2); text.setFontScale(1f,1f); Then just add that to the stage when the game is lost using: stage.addActor(text);

Categories : Java

Qtableview & Qdeligate -- qtextedit opening on left corner
You need to setup the editor geometry of all widgets you create yourself. This is so that the widgets get given the correct dimensions of the tables' cells. void textViewDeligate::updateEditorGeometry ( QWidget *editor, const QStyleOptionViewItem & option, const QModelIndex & index ) const { editor->setGeometry(option.rect); }

Categories : Qt

position div at top-left corner of image using javascript/jquery
html <div> <div id="delete_button"></div> <img src"foo.png" /> </div> and css #delete_button{ position:absolute; top:0; left:0 z-index:1; }

Categories : Javascript

Are there anyway to determine coordinates of Top-Left corner of Column in ListView?
You can use the PointToScreen and PointToClient classes in order to achieve it, look: Point locationOnForm = listView1.FindForm() .PointToClient(listView1.Parent.PointToScreen(listView1.Location)); Now use the X and Y coordinates of the received Point and the column width and height in order to calculate it's position on the form: private int GetLeftOfColumn(ColumnHeader column, ListView lv) { if (!lv.Columns.Contains(column)) return -1; int calculated_left = 0; for (int i = 0; i < lv.Columns.Count; i++) if (lv.Columns[i] == column) return calculated_left; else calculated_left += lv.Columns[i].Width + 1; return calculated_left; }

Categories : C#

mapSVG text objects floating in top left corner position
I may have been doing this wrong. I don't know if it should work with text objects or not, but what I ended up doing was converting the text objects to outlines and then exporting them as paths along with the other unit shapes. From there I just used the 'disable' option on the text paths (now outlines) for specific regions in mapSVG. This seems to have worked.

Categories : Jquery

display top left corner of div relative to mouse click event
Use window.scrollY and window.scrollX as scrolling offsets. You can then subtract the the window scroll position from the values you already have to get a relative position value.

Categories : Javascript

Pandas: convert upper triangular dataframe by shifting rows to the left
You can count the NaN values, drop them, and append the same amount again at the end. So something like: def shift_df(row): n = len(row) new_row = row.dropna().tolist() new_row += ([np.nan]*(n-len(new_row))) return pd.Series(new_row, index=row.index) df.apply(shift_df, axis=1) Where df is your DataFrame. This only works if there are no NaN values between your 'normal' data.

Categories : Python

How to restore/minimize my VCL application when mouse cursor is on Top left corner with Delphi XE2?
There is no event for detecting when the mouse enters a given area of the screen. You would have to track the mouse yourself in a short timer to periodically calling the Win32 API GetCursorPos() function or reading the RTL TMouse.CursorPos property. You can then use the TScreen.WorkAreaRect or TMonitor.WorkareaRectproperty with the Win32 APIPtInRect()` function to detect whether the mouse is currently inside of the chosen corner or not. As for the key combination, look at the Win32 API RegisterHotKey() function and the WM_HOTKEY window message. Update: alternatively, you can use a "hidden" window that has an alpha opacity of 1 so that it is practically hidden to the user but not to Windows. Put the window where you need it, then use TrackMouseEvent() to receive notifications when the

Categories : Delphi



© Copyright 2017 w3hello.com Publishing Limited. All rights reserved.