w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
How to refresh grid panel's store within a floating form panel?
Instead of user_grid.getView().refresh(); try user_grid.store.load(); and no need to do anything else(splice) on the store if deletion is performed server side.

Categories : Javascript

Want to remove the highlighted heading when the current heading id clicked
Here is how you could do it: fiddle example .js $("h2").on("click",function(){ $(this).addClass("red"); $("h2").not(this).removeClass("red"); }); .css .red{ background: red; } .html <h2>header</h2> <h2>header</h2> <h2>header</h2> <h2>header</h2> <h2>header</h2>

Categories : Jquery

Symfony2 Form Embed deep relationship in Form
If you can be sure, that a user has everytime an enrollment you could do something like this: $builder->add('organizations', 'entity', array('property_path' => 'enrollment.organizations', )); or an other solution could be, if you define a querybuilder $builder->add('organisations', 'entity', array( 'class' => '%ENTITY_NAME%', 'query_builder' => function (%REPOSITORY_NAME% $repository) { return %QUERY%; } )); or use an event listener $builder->addEventListener(FormEvents::PRE_SET_DATA, function(FormEvent $event) use ($factory) { $data = $event->getData(); if ($data->getEnrollment()) { $organisations = $data->getEnrollment()->getOrganisations(); } else {

Categories : PHP

how to make the background of the heading the same length as the heading?
Use floats: See the fiddle: http://jsfiddle.net/Zb6KV/4/ .custom-section-head { background: red; float:left; } h3 { float:left; } Then the h3 and the container will be the size of the heading. However, why not just add the background the head <h3> element?

Categories : HTML

Hiding panel control of parent form when child form is shown
you are creating new form2 but as I understand the question yor parent form is Form2, so you can do as below private void button1_Click(object sender, EventArgs e) { var frm2 = this.Parent as Form2; if(frm2 !=null) frm2.control.Visible = false; GroupExmStart grpexamfrm = new GroupExmStart(GrpID, DurationID,lgnName); grpexamfrm.MdiParent = this.ParentForm; grpexamfrm.Show();//showing another child form and }

Categories : C#

open div on same page as bootstrap accordion with accordion heading
If you do not specify the wrap setting it defaults to "onLoad". This results with all JavaScript being wrapped in a function run after result has been loaded. All variables are local to this function thus unavailable in the global scope. Change the wrapping setting to "no wrap" and it'll work: Your bootstrap version file have some problem. I just changed it to this. <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"> </script> <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"> Updated Fiddle See Here

Categories : Javascript

How to embed ID in URL in MVC from form value?
Check the route mapping class (RouteConfig) to sort out the url structure. This said using GET actions on a Form has a lot of cons if you don't know what the querystring will be : http://www.w3schools.com/tags/att_form_method.asp. Try changing the form action to be a POST and then from the Search method you can then execute a RedirectToAction to a Result ActionMethod (accepting GET this time) passing as GET parameters the values you did get from your post. This way you can using a ViewModel in the POST, the FORM will be secure and generally you'll have more control over the urls.

Categories : Vb.Net

Embed an IE window in a C# form?
You need the WebBrowser control: http://msdn.microsoft.com/en-us/library/aa752040.aspx

Categories : C#

Embed collection of form
The datepicker is not working because you add the datepicker fields via javascript. You have to call something like $('.datepicker').datetimepicker({ format: 'dd/MM/yyyy hh:mm:ss' }); when you add the new rows from the prototype. By calling .datetimepicker() you enable the datepicker for the selected field. Concerning the missing classes You have to post the content of the DatePickerType.

Categories : Javascript

How to Load Form inside panel other form in win app
As I understand, you're very close. To add another form into subform try the same code instead: pnlSubSystem.Controls.Add(objForm); use (where objForm2 is the new subForm) SubForm objForm2 = new SubForm(); objForm.Controls.Add(objForm2);

Categories : C#

Search Panel Error
I suggest you to debug flow. It is possible that autolist is empty. Also use this to update datasource: listBox1.DataSource = null; listBox1.DataSource = myList; Hope it helps EDIT: hint -> format your code!

Categories : C#

how to add textfield into bootstrap panel with styles
I tried it and it is working for me. Check for any css overriding. Are you sure that you're including the following components? jQuery library Bootstrap.css Bootstrap.js check out this JSFiddle

Categories : Twitter

Text is overflowing out of my panel in bootstrap
Try using the following CSS property. The word-wrap CSS property is used to specify whether or not the browser may break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit in its containing box. word-wrap:break-word; break-word Indicates that normally unbreakable words may be broken at arbitrary points if there are no otherwise acceptable break points in the line.

Categories : HTML

Set data for Embed Form in Symfony2
Create a form-specific model that you use for this form, for example: class ModelForForm { public $phone; public $postal; } You can add any assertions here as well if you're using annotations, such as Valid(). Then you can populate this new model with your data: $model = new ModelForForm(); $model->postal = $address; // ... $form = $this->createForm('address', $model); Make sure you update your form type's data_class option to be the name of the class you create above.

Categories : Forms

Can you please help me embed my form script into my FancyBox?
Answering to get the formatting Main page: <table width="1264px" height="100" border="0" bgcolor="#0A3D32"> <tr> <td><img src="http://online.saintleo.edu/main-logo.png" width="334" height="94" /></td> <td><a class="iframe" href="#form"><img src="http://online.saintleo.edu/RequestInfoButton-Test.jpg" width="127" height="36" /></a></td> </tr> </table> <div id="form" style="display:none"> <iframe height="500" src="form.html"></iframe> </div> form.html <script charset="utf-8" src="http://js.hubspot.com/forms/current.js"></script> <script> hbspt.forms.create({ portalId: '206683', formId: 'ecaa931c-1fc4-4b96-8aea-b040169f449d' }); </script>

Categories : Jquery

how to design a search panel like in mashable with css only
UPDATED Using some jQuery: http://jsfiddle.net/fZgS9/3/ JS $(function() { var nav = $('#nav'); var search = nav.find('li.search'); search.on('mouseover', function(event) { search.children().addClass('show'); }); nav.on('mouseleave', function(event) { search.children().removeClass('show'); }); }); This is the basic idea (without js): http://jsfiddle.net/fZgS9/1/ HTML <ul id="nav"> <li class="search"> <div> <input type="text"/> </div> </li> </ul> CSS #nav { list-style: none; margin: 0; padding: 0; font-size: 50px; height: 1em; background-color: #09A065; position: fixed; top: 0; right: 0; left: 0; } #nav > li.sear

Categories : Jquery

Search Panel List Box Selection --
Try use OnSelected event, from event arguments get the index of selected list item, using this index get the selected item. Then make new window with title. var newW = new NewWindow(); newW.WindowTitle = "Title"; newW.Show();

Categories : C#

twitter bootstrap - creating a two panel modal
Try putting a row-fluid inside the modal-body, and then 2 span6 inside that.. <div class="modal-body"> <div class="row-fluid"> <form class="span6"> </form> <div class="span6"> </div> </div> </div> You may also want to increase the default width of the modal.. .modal { width:45%; left:45%; } Demo on Bootply: http://bootply.com/69517

Categories : CSS

Bootstrap DateTimePicker in update panel not working
I think your problem is that you're including the JavaScript in the UpdatePanel. From this question, you need to do move your JavaScript outside the updatepanel as follows: <script type="text/javascript"> function pageLoad(sender, args) { $('#datetimepicker3').datetimepicker({ pickDate: false }); } </script>

Categories : Asp Net

Bootstrap 3RC1 + Side Panel + Affix
In Bootstraps CSS for the class="panel" it will automatically apply .panel { padding: 15px; margin-bottom: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } Try adding a width:270px to the .panel CSS. So it will look like this afterwards .panel { width: 270px; padding: 15px; margin-bottom: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } Hopefully that should fix your issue.

Categories : Twitter

How to embed an association model form for many to many relationship
I would like the user to be able to see a list of all questions when creating or editing a quiz, and to be able to check a box for each question they would like to associate with the quiz. Is this possible? This is possible, it's simply a matter of deciding what question you would like to display (along with questions already associated with an existing quiz i.e. (when editing), it seems like you would like to have suggested questions pop up which arent already associated. Particularly in the case of a newly created quiz with none yet associated). Then simply, creating an according Assignment object in your data base.

Categories : Ruby On Rails

How to automatically collapse panel on small device in bootstrap?
This is what I do. $(document).ready(function(){ if ($(window).width() <= 480){ $('.panel-collapse').removeClass('in'); } }); $(window).resize(function(){ if ($(window).width() >= 480){ $('.panel-collapse').addClass('in'); } if ($(window).width() <= 480){ $('.panel-collapse').removeClass('in'); } });

Categories : Twitter

Issue with 100% height for Sidebar (Panel) in twitter bootstrap
In order to make 'height:100%' work for any HTML element, its parent item should have a height value defined. Or the item will expand to height of the nearest ancestor with a height defined. If all the ancestors of an element have no height defined or defined in percentage, then in order to have the element to expand to the height of the page, you should give both 'body' and 'html' a 100% height. If you are using bootstrap responsive, using html,body{ height:100%} in css should solve the problem. Make sure that this rule appear after you includes bootstrap-responsive.css

Categories : Jquery

Bootstrap Progress bar doesn't work with Panel Inside
Maybe you wont somethig like this http://jsfiddle.net/fS2zq/1/ <div class="panel panel-primary" style="width:15%;height:100px;float:left">

Categories : HTML

Load new panel.Panel when click on items in tree.Panel
This code solved problem treePanel.getSelectionModel().on('select', function(selModel, record) { if (record.get('leaf')) { Ext.getCmp('content-panel').layout.setActiveItem(record.getId() + '-area'); } });

Categories : Javascript

Bootstrap 3 layout with Panel display not correct on small device
update 2 Also read: https://github.com/twbs/bootstrap/issues/10152#issuecomment-23247254. Instead of the float:left you should use a clearfix in combination with a responsive utility class for the viewport. See: http://twbs.github.io/bootstrap/css/#grid (section "Responsive column resets"). So in your case: add <div class="clearfix visible-sm"></div> between the second and third panel column. update The overlap described below don't happen when all row div's (columns) have a float:left. col-xs-12 and col-sm-12, etc don't have a float. So to fix your problem add a float:left to your third column: <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="float:left;"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-6

Categories : CSS

Embed Spring Security login form to an existing page
Typically I believe people just put the form right in the page (i.e. within the div you have there.) Something like: <form id="blah" action="/j_spring_security_check"> <input type="text" name="j_username" /> <input type="text" name="j_password" /> <input type="submit" name="submit" value="login" /> <input type="reset" name="reset" /> </form> Then use your css to make it fit the look and feel of the rest of your application.

Categories : Spring

Using simple form for with bootstrap: bootstrap wrapper doesn't apply
f.label and f.email_field do not use wrappers. f.input does. By replacing <%= f.label :email %> <%= f.email_field :email %> with <%= f.input :email %> wrappers are applied.

Categories : Ruby On Rails

search form that redirects to search results page, rails
You can do it like this: <%= form_tag "http://www.stackoverflow.com/questions", :method => 'get',:id => "products_search" do %> Put whatever you need in place of that URL. for more info please look at the form_tag helper documentation But if you need actually to be trough that path you were using, you have to use a redirect or a forwarding. For using a forwarding just call the name of the next action near the end of that action yuo are calling. Something like: def another_action ... end def product ... another_action end For using a redirect just do it like: def products redirect_to another_action end

Categories : Ruby On Rails

Auto-close Bootstrap accordion panel when switch to mobile screen size
So I eventually figured out how to do this, posting it in case it's of help to anyone. Alter the HTML to: <div class="accordion" id="refine"> <div class="hidden-phone"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#refine" href="#refine-search"> <legend> <h2>Refine your search</h2></legend> </a> </div> </div> <div class="visible-phone"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#refine" href="#refine-search"> <legend> <h2>Refine your search (press

Categories : Twitter

Is it possible to add a form-feed to an asp.net panel?
The form feed character is "f". Note that HTML is whitespace agnostic, so browsers will render this as just a normal space character. But if you really need a form feed, that's how to do it.

Categories : C#

Updating a value on an Ext.form.Panel
Because Ext.form.Panel doesn't have setValue method. You first need to get basic form out of it: form.getForm().setValue(); UPDATE: My bad, I was looking at the ExtJs docs and not Sencha Touch. your form does have setValue method. After you call setValues(), can you go getRecord() again? Also looks like your record internal variable is defined twice. That should not be an issue, but...

Categories : Extjs

Pause Youtube embed when playing Soundcloud embed
it's possible. check widget api playground. you can watch all state events from soundcloud iframe widget. this can be done on flash embed too. https://w.soundcloud.com/player/api_playground.html watch for SC.Widget.Events.PLAY {"loadedProgress":0,"currentPosition":0,"relativePosition":0} event on start playing

Categories : Javascript

Refresh list in form panel
After the record is deleted from the database your list should update automatically. Store will generate 'update' event and list that has store will refresh it content. Are you saying it doesn't work this way for you?

Categories : List

adding Panel to form on different thread
You have to invoke that operation: Thread form = new Thread(()=> { Form displayForm = new Form(); displayForm.Show(); display.Invoke((MethodInvoker)delegate { displayForm.Controls.Add(display); }); }); and to be honest I do not see any reason why you would want to do that. It is very simple and fast operation and you should do it on UI thread instead of creating new one.

Categories : C#

Bad resolution when print panel from form
I spent almost a week try to solve this problem You can't make it to work even if you try another week, because you are on the wrong track. Knowing that the main problem is DPI difference between monitor and printer You know the problem and know that there is no solution for that you still keep trying. Solution: If you want to render some data on report, i don't think printing of panel is the solution. you should consider printing report in the form of a report. Like, consider making an RDLC/Crystal report and put your desired data on that report. In short, use Reports for reporting purpose.

Categories : C#

Picture Box and Panel in Windows Form C#
i took your code and ran it and got a similar problem to yours: i only saw 8 images. then i remembered that panels need to manually define AutoScroll to true otherwise it just looks like i have less images. now i can see them all: the code is same as yours, the only added is this.panel1.AutoScroll = true; if you need to resize the pictures, try this article. it basically saying to do: public static Image resizeImage(Image imgToResize, Size size) { return (Image)(new Bitmap(imgToResize, size)); } yourImage = resizeImage(yourImage, new Size(50,50));

Categories : C#

Search form redirecting to search page
I believe it is not calling the search action on your controller, try changing your form_tag: <%= form_tag(search_path, :method => 'get', :authenticity_token => false) do %> The URL on your browser should change to localhost:3000/search?&utf8&search=something.

Categories : Ruby On Rails

resize panel width according to form maximizing in c#
You need to use Anchor property of the panel during Design time. You can find it in PropertyGrid of panel control.

Categories : C#

Form panel not showing by set active item
Your right about setActiveItem and you need to use it. because Ext.Viewport.add() only adds to viewPort not shows the view. So only problem in your code is you created formPanel, but not added it in the AddContact View. ........... // same code { xtype: 'button', text: 'Get Data', handler: function() { Ext.Msg.alert('Form Values', JSON.stringify(formPanel.getValues(), null, 2)); } }, { xtype: 'button', text: 'Clear Data', handler: function() { formPanel.reset(); } } ] }); this.add(f

Categories : Extjs



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