How to make a panel adjustable using jquery? - jquery-plugins

I have a two panel, one left and second right in my html page. Left panel is collapsible. I want that panel to adjustable too. How to achieve this using jQuery?

New plug-in of JQuery contains method $("#resizable").resizable();, We need to add UIjquery.js file along with jquery.js.
This link has example of re-sizable.

Related

How to create a multipage HMI project in twincat3?

I’m trying to create a multipage HMI in "Twincat3 Beckhoff".
The problem is when we use to bring to front other keys are useless.
when we use to send to back we have problems such as the other keys don't work correctly. I want to open a separate page.
What you're looking for are .content files. As explained on InfoSys:
Creating navigation
Switch to the Solution Explorer.
Add the desired number of content objects:
1 Right-click on the TwinCAT HMI project entry or on one of the
folders.
2 Select Add and New Item and select Content.
Open the view or the content where you wish to add the navigation.
Add a region and buttons in order to switch between the contents.
Set the Target Content attribute in order to define the start content.
Add a SetTargetContent action to the .onPressed event of all buttons and set the corresponding content.
You can hide all the objects you do not want to be displayed by coding on the New Page Call Button.
TcHmiButton::Visibility = hidden[enter image description here][1]
The second solution is to make the page we want to call small, but increase the width and height of the page to be coded by coding in the desired button.

add left and right bars to joomla article

I'm not very familiar with joomla, I added new article , But the left and right positions (right & left bars) don't appear in the two sides, How to add them please?
Thank you
If you go to Module Manager, then select the modules you want to show, ensure they are enabled on all pages. I wouldn't have though you have to create html page using the article manager. Joomla isnt really built for this. Regards
if i am not wrong, then i think you want to add two columns in your article page.
There is a simplest want in you article editor click on the html button which show you a new window where you can set your html. And for two side that is left and right, just create a html page and paste in only the body content into your joomla editor and if you want to add some style then define id's or class's to your article or you can set inline css..
hope this will help you..

jqGrid NavBar custom HTML

I need help with jQuery jqGrid and subgrid.
I am able to create a Subgrid inside my jqGrid succesfully. The next step is to add a custom option list in the main grid navbar somewhere so that depending on which option the user selects, a different kind of subgrid opens.
Is it possible to add custom options to the jqGrid navigation bar?
The only standard way to add custom element in the navBar is to use navButtonAdd method which add a button.
If you want to add another custom HTML elements you have to do this manually with respect of some jQuery function like jQuery.append. I recommend you to read the code of navSeparatorAdd and navButtonAdd functions.

Two Column Article content Joomla

How to make some of article when I click readmore the paragraph not show
to the bottom but to the right side...
Here's the illustration screenshot:
http://www.oymo.com/upload/uploads/collumn-artikel.jpg
You can't do proper columns - ie. when the text flows from the bottom of one column it moves to the top of the next, without use of CSS3 (which isn't widely supported). You could probably do something with a bit of mootools or jquery as an alternative.
However, if you just want to show the intro text in one div and the main text in another (something like http://www.kodaklens.co.uk/mobile/) then you need to modify your template /templates/templatename/html/com_content/article/default.php, by creating your required 'static' layout and then loading the different article pieces into each container, but this won't help with text flow.

Update Drupal views argument via AJAX

I have a request concerning Drupal 6.x
I'd like to have this behaviour:
imagine to have 2 columns, on the left a list of nodes (only titles for example) and on the right a view showing just one of the contents on the left.
My idea would be to achieve this with an AJAX-fashion: clicking a link in the list on the left updates the view on the right with the actual node.
Which is the best way to handle this?
My idea is to use Panels, make 2 column panel with 2 views, one (left) filtered on content type, with no arguments, and one on the right which takes in as an argument the node id to be displayed.
But how to link the 2 views with AJAX?
(or, better, how to update the view on the right with an AJAX call?)
is this possible?
Any help or idea is really welcome
Thanks!
Cheers
Mauro
You also can do a quick hack, which is quite flexible, because it allows you to change your views without changing code.
I have had a similar task recently and for your task I would do the following:
for your right column, create a exposed filter (node id) and hide whole exposed filter form using CSS.
using jQuery, attach a click behavior to titles on your left column.
the click behavior takes the node id, finds the attached exposed filter at the right column, enters the node id into the input field and executes form's .submit().
the .submit() triggers the build-into-views well debugged ajax request which refreshes your right column.
this is certainly possible, and not very difficult to do.
Your task can be divided into two main parts:
Providing a 'callback' URL in the Backend that takes a node id (nid) and returns the markup to display the node in the right panel in a format that can be processed by javascript. This will be done in PHP within a normal Drupal module. The main point is not to return a full Drupal page as usual, but only the markup for the node.
Create logic for the Frontend that, when triggered by clicking a link in the left panel, retrieves the new node markup via the URL callback above and replaces the content of the right panel with it. This needs to be done in javascript, using the Drupal javascript API with jQuery.
You can find an introduction and example for AJAX in Drupal here. (This does almost exactly what you want to do, only with images)
You should also look at this more general entry point for JavaScript in Drupal.

Resources