XWidgetSoft Forum

XWidget & XLaunchpad , Desktop customization
It is currently 2017年 Nov 24日 17:41

All times are UTC - 8 hours




Post new topic Reply to topic  [ 22 posts ] 
Author Message
 Post subject: sliding panel
PostPosted: 2017年 Feb 16日 09:21 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
hi,

Being kinda new to skinning xwidget, I was wondering if it is possible (and how to do it) to have a sliding panel, upon showing it, resizing the main widget as depicted in the picture : the main (initial) widget being N°1, the sliding panel N°2 and the resized area N°3 ?
Image

Thanks !


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 16日 10:43 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
Hello marcusus. I think that you need 2 slide panels that will open-close at the same time. One the will slide right/ left (3) and the other up and down (2), both hidden under the (1).

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 24日 06:02 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
I think that this widget will help you a lot:
http://jimking.deviantart.com/art/Styli ... -409154248

I will give you a demo as soon as possible..

But you can use the hide/show function so when you click on the N1 a new image will show N4 = 1+2+3
All you need the slide effect..

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 24日 07:21 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
Here is a demo (click on to slide in/out) but as you can see it's not appears too good. (except if you add a delay between the two slide motions..)


Attachments:
sliding_demo.xwp [8.85 KiB]
Downloaded 34 times

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/
Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 24日 07:24 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
And this is another way (better and more smart I think) where you can have the same result.


Attachments:
clickon_demo.xwp [6.73 KiB]
Downloaded 32 times

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/
Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 24日 13:56 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
that seems to really do the trick, I'll try this WE and again big thanks to you !

By the way, are you related in any way to the team/person behind xwidget ?


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 25日 01:24 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
Yeap. I'm Moderator here and as part of the team I'm in contact with the Developer for beta testing (pc and more for Android version) , suggestions, bug fixing, and at the end I'm responsible for the pc and Android galleries.
Tony is the Developer and I do the rest.. :)

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 26日 23:05 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
Regarding the software, the ability to copy/paste/drag'n drop between editor windows would be a really great improvement because Re doing what already exists is time consuming but I'm quite sure this is already a feature request.. The stability also as I did face many hangs during my trials.

I took a look at the silding modern slidebars widget. One thing I don't understand is when I delete the call to slidepanelout on mouseenter of a button and set onclick with the same command, the label on the panel disappear, so I assume this is a bug ..?

In the 'hint' chapter, is it possible to set by script the foreground and background color of a roundline (based on a timer) ?


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 27日 05:17 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
Quote:
Regarding the software, the ability to copy/paste/drag'n drop between editor windows would be a really great improvement because Re doing what already exists is time consuming but I'm quite sure this is already a feature request.. The stability also as I did face many hangs during my trials.

What do you mean with "copy/paste/drag'n drop between editor"...? To open two widgets /2 editors and drag-drop the components between these two..? The designer I think will never work like this. Because each widget has its own parameters. Maybe an "Import" function..
If you mean the copy/paste/drag IN the designer creating a widget, this IS possible! Right click on any component and you can copy it/move it/clone it or drag it in another component like windows. I have created more than 2000 widgets and I can tell you for sure that
it is not time consuming at all. You jusy started use XWidget that's why you have this impression.. :)
Also what are these hangs and the stability issues that you notice....? Which version of Windows you' re using..?
Quote:
I took a look at the silding modern slidebars widget. One thing I don't understand is when I delete the call to slidepanelout on mouseenter of a button and set onclick with the same command, the label on the panel disappear, so I assume this is a bug ..?

No it's not a bug. Depends on WHAT you want to do and what commands you're using.. The designer works according of what tag code or java scipt you use. If you check from my example, no component is hidden... I'm sure that you do something wrong..
Quote:
In the 'hint' chapter, is it possible to set by script the foreground and background color of a roundline (based on a timer) ?

You can add a script to control the roundline color, but it's nothing to do with the "hint" field. The hint is for mouseover info. You need a click on function is this case. And what exactly you need to do with the timer... :?

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 27日 08:33 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
sorry, the 'hint department' meant for the numerous requests you were kind enough to answer !

Being new to xwidget I could easily have done something wrong, so I tried again :
- deleted the existing unpacked widget in mydocuments\xwidget\widgets
- restart xwidget
- double click stylish_modern_slidebar in <myfolder>\widgets
- upon startup, slide panels when entered show the panels and the labels

open editor
- in the Functions panel, cut the command !SlidePanelOut=slidepanelx (x for the slidepanel number) in the OnMouseEnter field and replace the !OpenFile in the Onclick one
- run the widget

--> clicking the button slides the panel WITHOUt any label on it...

Maybe it's related to my box but I doubt it as everything else is working fine.


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 27日 14:02 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
It's hard to understand .. It could be help me a lot if you attach the .xwp and check from the inside..
.. and please explain me how should work.

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 27日 18:25 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
ok... I used this widget :
http://www.deviantart.com/art/Stylish-Modern-Slidebar-for-xwidget-409154248 (Stylish modern sidebar)

then, do this :
    - double click stylish_modern_slidebar in your saved folder (for me <myfolder>\widgets). Upon startup, slide panels when entered show the panels and the labels.
    - Open the editor.
    - For any button (or all, as you wish), in the Functions panel, cut the command !SlidePanelOut=slidepanelx (x for the slidepanel number) in the OnMouseEnter field and replace the !OpenFile in the Onclick one
    - run the widget
--> clicking the button slides the panel WITHOUt any label on it...


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 28日 02:24 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
Please attach YOUR version here. You can copy the functions of course but you should start a new project.
Also I need to know if you edit the widget for personal use. I'm sorry but I can't give the permission to post the same widget with some minimal differences as a new one.. I hope to understand. But if you want it for your pc only I will give you a hand.

Edit: Sorry but why you double click on the 'stylish_modern_slidebar' in the folder..? :o
XWIDGET doesn't work like Rainmeter. You don't have to edit or modify anything from the log code! All you need to do is to use the designer and nothing more.
If you don't need the label you need just to delete the 'text' from the designer.

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 28日 02:36 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
Please tell me exactly what you want to do (how it works) because replacing or removing the codes as you say, you broke the functions.. The click on is the most important to open the shortcuts..!
If you want to apply more functions to one thing like the click on, you need to do it with a script.
If not nothing will work properly..

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 28日 17:01 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
It's my turn to not understand you..

Of course I'm looking into widgets for educational purpose only as there is no help/wiki besides this board (even if everybody's not mandatory into bbs to seek info), I'm not modifying anything to resell it (??) or gain public acceptance by it. I'm just doing it to obtain knowledge allowing me to make the widget I need. I have a deviantart account (we share thoughts on it by the past you and I, I stumbled upon it recently) and when I'll be done with my weather widget it will be downlodable there, just for others appreciating the work, not the copyright or the money.

That said, I remind you I'm no coder so the "breaking code by interfering in the commands" is off to me, but the only interference was to erase an intern command, not a script one, based on an event to affect another event b the same command. I don't see what "code breaking" I could do here...

Anyway, here is the version I donwloaded and used (the original) and the one modified. You'll see by yourself ! I've modified the 1st and last button use ans What is even strangier is when reversing the last button (in the bottom of the widget) it dosen't react like it should...


Attachments:
stylish_modern_slidebar_original.xwp [1.33 MiB]
Downloaded 31 times
stylish_modern_slidebar_modified.xwp [1.33 MiB]
Downloaded 31 times
Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 28日 18:37 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
I will check your version. But I think that I have to explain you better because as I see from your reply you didn't understand well my words..
The design using XWidget is totally different from Rainmeter. Using Rainmeter you have to open the wordpad with the codes/parameters to make any modification BUT using XWidget you don't need and you don't have to do this..! All the design process is done through the designer ONLY. When I'm saying that 'you will break the functions' I mean that removing the tag codes is like to remove the functions that are assigned to that components. The built-in tag codes work with a SINGLE component (image, text, layer etc). As I understand you want to assign more than one function so you have to add a java script code in the designer.
If you don't add the proper tag to the right field the widget simply will not work as you want. That's ALL .

So I need to check which tags you put, in which fields and what kind of functions you want.
Anyway. I hope to be more clear now. I will check your widget and reply as soon as possible.

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Feb 28日 19:45 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
not at all : I'm not assigning more than one command to a component (I'm already doing that in my widget to open 2 slidepanels at once like you suggested and I'm doing it inside the java code of course). I'm just transfering a call to an internal command, the ones with an exclamation mark from an event call to another event call for the same component :

Original :
    onclick : nothing
    onmouseenter : one command
    onmouseleave : another command
modified :
    onclick : one command
    onmouseenter : nothing
    onmouseleave : another command

As you can see, the command "one command" was transferred from onmouseover to onclick FOR THE SAME COMPONENT (item, i.e text, box, or whatever)


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Mar 1日 03:31 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
Ok.. I checked. Look:
1) First I had to rename the second one so I can work and compare both widgets at the same time.
2) The !OpenFile that you deleted is wrong because this the main function of the shortcuts. Without it none of the shortcuts will work/open (!) so you need to find another way. That's why I told you that you have to use java if you want to assign two or more function to one component..
3) You want the label or not? Because if you don't need it at all you can simply delete it.

Edit: I understood what you want to do..
You want to slideout with the clickon and slidein with the mouseleave right..?
I tried to do that with the built-in tags and using js, but seems that it doesn't work... :?
It's strange because it works when both "onmouseleave" and "onmouseenter" tabs are field but when you remove one doesn't.. And the more strange thing is that even with a js code doesn't work. I also tried to assign that funtion to the widget->OnLeave but no luck..
Seems that there is a conflict with something or it's just a bug..
I'm sorry but I can't do more at this point... :|
If I'll find a solution I will let you know..

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Mar 1日 16:14 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
No worries, I'm glad to be of assistance !

By the way, you told me recently that It's possible to set the back and fore color of a line in java scripting but I don't know the names of the variables...

As I want to set them on a timer basis, I guess that java code working on widgetload should do it...


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Mar 1日 16:23 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
I used this function here:
http://jimking.deviantart.com/art/Flash ... -534805371
..but I don't know how you can combine a timer function to this..

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Mar 2日 18:49 
Offline

Joined: 2017年 Feb 15日 03:46
Posts: 16
it is said that a picture is worth thousand words... So I've sent you in your deviantart account a link to a picture showing what I'm trying to do.


Top
 Profile  
 
 Post subject: Re: sliding panel
PostPosted: 2017年 Mar 3日 01:56 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4557
We will continue to DA. I have already replied to you there..

_________________
Image
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 22 posts ] 

All times are UTC - 8 hours


Who is online

Users browsing this forum: Rom, Yahoo [Bot] and 9 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  

Powered by phpBB® Forum Software © phpBB Group