Re: [xwiki-devs] [GSoC] Responsive Skin
Hello friends and Jerome, Thanks for the response.
Can you describe us the issue you are trying to address regarding this sidebar and the associated javascript ? It looks like unnecessary complexity for me. Aren't media queries just enough to have the sidebar resize/move when the viewport size changes ? I'd like we keep things simple as much as possible, so tell me if I'm missing something.
So the reason i am using javascript, is because although media queries handle viewport changes, its adaptation is does not completely work in some scenarios. Eg. the sidebar scrolling area (for when there's a lot of things on that topic), would require a fix height to get the overflow to work (or else it will stretch along and will no longer be a "fixed sidebar"). However, if we have a fixed height, during viewport size change it would cause an issue (of it no longer being a fixed sidebar since it's longer than the viewport). i think there is a couple other issue that prevented me from using straight up html/css, but I can't think of it at the moment. Let me know if you have a better suggestion! Additionally, I want the sidebar to be resizable at least a desktop/tablet level where there is a good amount of width so that if you're more concern on reading the additional info, you can get more space for it. The great thing (or the idea behind) the sidebar was to allow supplemental info to be viewed along with the content (think Microsoft SmartGlass if you've learned about that aha). But the issue is that the size of a sidebar is not always optimal for reading long contents, so i want it to be resizable to accommodate. So this resizing thing will also be done via jQuery. In any regards, I have been to resolve most of the issue and it seems to work well atm (let me know any bugs that i missed). Again you can check out the working demo that i'm working on at: http://jssolichin.com/xwiki . Unfortunately the code behind is a bit ugly right now, and need to be cleaned up. My next step is to finish up the navigation (the mouse over event revealing different sections and the icons indicating content on each section) and making it look like the mock up. Most of use are using either OSX or Linux. Are you following
I am. Which distro? and oracle or openjdk for java? What module are you trying to build exactly ? Most of the times you don't
need to build everything, but just the module(s) you are working on (and possibly the final distribution, like XE).
I'm trying to build your Lyrebird (from its source) to learn about creating VMs. I think I am able to build it now actually. I am going into the lyrebird directory and running "mvn clean install -Phsqldb,jetty" to build it. But I am still not sure what to do next? Can you point me in the right direction? Thank you again! Jonathan Solichin
- Hi Jonathan, What about having a drop down of recently used spaces under the space menue and wikis under wiki menue on the top.. It currently has document index only. [image: Inline image 1] By the way, the js library smart client (Isomorphic smart client) has UI components that are device sensitive.The library is made with an object oriented way trying to follow a normal java/c# like oo fasion(because originaly Js has different kinds of concepts as OO.).I think there were some methods to override when you need additional customizations to the UI. http://demo2.openbravo.com/openbravo/org.openbravo.demo.loginpage.security/L... This ERP application almost completely uses Smart Client. http://planet.openbravo.com/?p=48278 UI archi. I just said this because there is smart client in the XWiki provided libs. Don't waste your time on it, if it is not relevant. Best Regards, Sasinda. On Thu, Jun 21, 2012 at 12:10 PM, Jonathan Solichin <[email protected]>wrote:
Hello friends and Jerome,
Thanks for the response.
Can you describe us the issue you are trying to address regarding this sidebar and the associated javascript ? It looks like unnecessary complexity for me. Aren't media queries just enough to have the sidebar resize/move when the viewport size changes ? I'd like we keep things simple as much as possible, so tell me if I'm missing something.
So the reason i am using javascript, is because although media queries handle viewport changes, its adaptation is does not completely work in some scenarios. Eg. the sidebar scrolling area (for when there's a lot of things on that topic), would require a fix height to get the overflow to work (or else it will stretch along and will no longer be a "fixed sidebar"). However, if we have a fixed height, during viewport size change it would cause an issue (of it no longer being a fixed sidebar since it's longer than the viewport). i think there is a couple other issue that prevented me from using straight up html/css, but I can't think of it at the moment. Let me know if you have a better suggestion!
Additionally, I want the sidebar to be resizable at least a desktop/tablet level where there is a good amount of width so that if you're more concern on reading the additional info, you can get more space for it. The great thing (or the idea behind) the sidebar was to allow supplemental info to be viewed along with the content (think Microsoft SmartGlass if you've learned about that aha). But the issue is that the size of a sidebar is not always optimal for reading long contents, so i want it to be resizable to accommodate. So this resizing thing will also be done via jQuery.
In any regards, I have been to resolve most of the issue and it seems to work well atm (let me know any bugs that i missed). Again you can check out the working demo that i'm working on at: http://jssolichin.com/xwiki . Unfortunately the code behind is a bit ugly right now, and need to be cleaned up. My next step is to finish up the navigation (the mouse over event revealing different sections and the icons indicating content on each section) and making it look like the mock up.
Most of use are using either OSX or Linux. Are you following
I am. Which distro? and oracle or openjdk for java?
What module are you trying to build exactly ? Most of the times you don't
need to build everything, but just the module(s) you are working on (and possibly the final distribution, like XE).
I'm trying to build your Lyrebird (from its source) to learn about creating VMs. I think I am able to build it now actually. I am going into the lyrebird directory and running "mvn clean install -Phsqldb,jetty" to build it. But I am still not sure what to do next? Can you point me in the right direction?
Thank you again! Jonathan Solichin _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
On Fri, Jun 22, 2012 at 3:49 AM, sasinda rukshan <[email protected]>wrote:
- Hi Jonathan,
What about having a drop down of recently used spaces under the space menue and wikis under wiki menue on the top.. It currently has document index only. [image: Inline image 1]
By the way, the js library smart client (Isomorphic smart client) has UI components that are device sensitive.The library is made with an object oriented way trying to follow a normal java/c# like oo fasion(because originaly Js has different kinds of concepts as OO.).I think there were some methods to override when you need additional customizations to the UI.
http://demo2.openbravo.com/openbravo/org.openbravo.demo.loginpage.security/L... This ERP application almost completely uses Smart Client. http://planet.openbravo.com/?p=48278 UI archi. I just said this because there is smart client in the XWiki provided libs. Don't waste your time on it, if it is not relevant.
Indeed, smartclient is not going to be appropriate here. It's a heavyweight widget library for building complex, enterprisy desktop-like UI clients ; where we need something "minimalist" as a framework for a responsive web page. Jerome Best Regards,
Sasinda.
On Thu, Jun 21, 2012 at 12:10 PM, Jonathan Solichin <[email protected]
wrote:
Hello friends and Jerome,
Thanks for the response.
Can you describe us the issue you are trying to address regarding this sidebar and the associated javascript ? It looks like unnecessary complexity for me. Aren't media queries just enough to have the sidebar resize/move when the viewport size changes ? I'd like we keep things simple as much as possible, so tell me if I'm missing something.
So the reason i am using javascript, is because although media queries handle viewport changes, its adaptation is does not completely work in some scenarios. Eg. the sidebar scrolling area (for when there's a lot of things on that topic), would require a fix height to get the overflow to work (or else it will stretch along and will no longer be a "fixed sidebar"). However, if we have a fixed height, during viewport size change it would cause an issue (of it no longer being a fixed sidebar since it's longer than the viewport). i think there is a couple other issue that prevented me from using straight up html/css, but I can't think of it at the moment. Let me know if you have a better suggestion!
Additionally, I want the sidebar to be resizable at least a desktop/tablet level where there is a good amount of width so that if you're more concern on reading the additional info, you can get more space for it. The great thing (or the idea behind) the sidebar was to allow supplemental info to be viewed along with the content (think Microsoft SmartGlass if you've learned about that aha). But the issue is that the size of a sidebar is not always optimal for reading long contents, so i want it to be resizable to accommodate. So this resizing thing will also be done via jQuery.
In any regards, I have been to resolve most of the issue and it seems to work well atm (let me know any bugs that i missed). Again you can check out the working demo that i'm working on at: http://jssolichin.com/xwiki . Unfortunately the code behind is a bit ugly right now, and need to be cleaned up. My next step is to finish up the navigation (the mouse over event revealing different sections and the icons indicating content on each section) and making it look like the mock up.
Most of use are using either OSX or Linux. Are you following
I am. Which distro? and oracle or openjdk for java?
What module are you trying to build exactly ? Most of the times you don't
need to build everything, but just the module(s) you are working on (and possibly the final distribution, like XE).
I'm trying to build your Lyrebird (from its source) to learn about creating VMs. I think I am able to build it now actually. I am going into the lyrebird directory and running "mvn clean install -Phsqldb,jetty" to build it. But I am still not sure what to do next? Can you point me in the right direction?
Thank you again! Jonathan Solichin _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
_______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Jérôme Velociter Winesquare http://www.winesquare.net/
On Thu, Jun 21, 2012 at 8:40 AM, Jonathan Solichin <[email protected]>wrote:
Hello friends and Jerome,
Thanks for the response.
Can you describe us the issue you are trying to address regarding this sidebar and the associated javascript ? It looks like unnecessary complexity for me. Aren't media queries just enough to have the sidebar resize/move when the viewport size changes ? I'd like we keep things simple as much as possible, so tell me if I'm missing something.
So the reason i am using javascript, is because although media queries handle viewport changes, its adaptation is does not completely work in some scenarios. Eg. the sidebar scrolling area (for when there's a lot of things on that topic), would require a fix height to get the overflow to work (or else it will stretch along and will no longer be a "fixed sidebar"). However, if we have a fixed height, during viewport size change it would cause an issue (of it no longer being a fixed sidebar since it's longer than the viewport). i think there is a couple other issue that prevented me from using straight up html/css, but I can't think of it at the moment. Let me know if you have a better suggestion!
Additionally, I want the sidebar to be resizable at least a desktop/tablet level where there is a good amount of width so that if you're more concern on reading the additional info, you can get more space for it. The great thing (or the idea behind) the sidebar was to allow supplemental info to be viewed along with the content (think Microsoft SmartGlass if you've learned about that aha). But the issue is that the size of a sidebar is not always optimal for reading long contents, so i want it to be resizable to accommodate. So this resizing thing will also be done via jQuery.
In any regards, I have been to resolve most of the issue and it seems to work well atm (let me know any bugs that i missed). Again you can check out the working demo that i'm working on at: http://jssolichin.com/xwiki . Unfortunately the code behind is a bit ugly right now, and need to be cleaned up. My next step is to finish up the navigation (the mouse over event revealing different sections and the icons indicating content on each section) and making it look like the mock up.
Thanks. I'll take some time to look into this deeper. Maybe you could start committing the row HTML/CSS/JS in a repository on your github account, so that it's easier to collaborate on. Interestingly, this small library has just been published today: http://fat.github.com/coffin/ It might be interesting for you as either inspiration or even support for implementation. Jerome
Most of use are using either OSX or Linux. Are you following
I am. Which distro? and oracle or openjdk for java?
What module are you trying to build exactly ? Most of the times you don't
need to build everything, but just the module(s) you are working on (and possibly the final distribution, like XE).
I'm trying to build your Lyrebird (from its source) to learn about creating VMs. I think I am able to build it now actually. I am going into the lyrebird directory and running "mvn clean install -Phsqldb,jetty" to build it. But I am still not sure what to do next? Can you point me in the right direction?
Thank you again! Jonathan Solichin _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Jérôme Velociter Winesquare http://www.winesquare.net/
On Thu, Jun 21, 2012 at 8:40 AM, Jonathan Solichin <[email protected]>wrote:
Hello friends and Jerome,
Thanks for the response.
Can you describe us the issue you are trying to address regarding this sidebar and the associated javascript ? It looks like unnecessary complexity for me. Aren't media queries just enough to have the sidebar resize/move when the viewport size changes ? I'd like we keep things simple as much as possible, so tell me if I'm missing something.
So the reason i am using javascript, is because although media queries handle viewport changes, its adaptation is does not completely work in some scenarios. Eg. the sidebar scrolling area (for when there's a lot of things on that topic), would require a fix height to get the overflow to work (or else it will stretch along and will no longer be a "fixed sidebar"). However, if we have a fixed height, during viewport size change it would cause an issue (of it no longer being a fixed sidebar since it's longer than the viewport). i think there is a couple other issue that prevented me from using straight up html/css, but I can't think of it at the moment. Let me know if you have a better suggestion!
Additionally, I want the sidebar to be resizable at least a desktop/tablet level where there is a good amount of width so that if you're more concern on reading the additional info, you can get more space for it. The great thing (or the idea behind) the sidebar was to allow supplemental info to be viewed along with the content (think Microsoft SmartGlass if you've learned about that aha). But the issue is that the size of a sidebar is not always optimal for reading long contents, so i want it to be resizable to accommodate. So this resizing thing will also be done via jQuery.
In any regards, I have been to resolve most of the issue and it seems to work well atm (let me know any bugs that i missed). Again you can check out the working demo that i'm working on at: http://jssolichin.com/xwiki . Unfortunately the code behind is a bit ugly right now, and need to be cleaned up. My next step is to finish up the navigation (the mouse over event revealing different sections and the icons indicating content on each section) and making it look like the mock up.
Most of use are using either OSX or Linux. Are you following
I am. Which distro? and oracle or openjdk for java?
Personally Arch Linux and Open JDK, but that should not change anything.
What module are you trying to build exactly ? Most of the times you don't
need to build everything, but just the module(s) you are working on (and possibly the final distribution, like XE).
I'm trying to build your Lyrebird (from its source) to learn about creating VMs. I think I am able to build it now actually. I am going into the lyrebird directory and running "mvn clean install -Phsqldb,jetty" to build it. But I am still not sure what to do next? Can you point me in the right direction?
You can drop the hsqldb,jetty profile for the skin, it does not have such profile. Note that I've publised the skin on extensions.xwiki.org : http://extensions.xwiki.org/xwiki/bin/view/Extension/Lyrebird+Skin See the instructions at the bottom to install it on a XWiki instance. Unfortunately right now skins cannot be installed right from the extension manager, but that will be possible in the future. Jerome
Thank you again! Jonathan Solichin _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Jérôme Velociter Winesquare http://www.winesquare.net/
participants (3)
-
Jerome Velociter -
Jonathan Solichin -
sasinda rukshan