[SELL] Super Simple UI Builder V4.0! (Drag & Drop with Bootstrap Plugin!)

[webpro 31]

Hi Guys,

 

Just sent an update out, if you close the application and re-open you should get it.

 

• You can now import your existing HTML code to update/edit your UI's
• You now DO NOT have to create a tab to add elements. 
• Fixed problem with the interface not been centred properly.

Cheers

 

Carl 

 

PS.

 

The price will be increasing to $34.95 tomorrow (5th Sep), so get it while the price is still low!

 

Ahhhhhhhhhh crap, just saw this thread !!

 

By the way, can we add images (not server hosted) ?

Thanks

[LazyBotter 188]

Not currently, Im working on adding it, and a few other cool features!

 

Carl

[Macster (UBotter Labs) 112]

...can be added in CSS if you encrypt the image with base64, though the code is gonna be kinda BIG depending on the image size.

[Macster (UBotter Labs) 112]

...can you please unlock my two licenses for UI 2 HTML and UI Builder. (also sent you a message through the website)

 

Both of them give "Invalid License. activations exceeded ..." , I also have meter's locker system and it happens to me everyday with some clients. the software locks out by itself and starts giving invalid license errors.

 

thanks.

[LazyBotter 188]

Hi Guys,

Just released another update (V1.7)!

(Close and re-open to get the update)

Change Log:

• Added Label to Save/Open file elements.
• You can now import UBot UI Command code into the software! Watch The Video Here

I am trying to create a little public gallery, I have added a "upload button" to my site if any of you are happy to upload some screenshots of the UI's you have built with this software that would be great!!

Here is the link:

http://lazybots.com/upload-image/

Hope you like!

Carl :-)

[webpro 31]

Carl, i will get this tomorrow as i'm on the road right now. Freeze the price for me will ya ?

 

I'm not too comfortable on buying things true FREE WIFI's in TimHortons or MCDO lol

[Macster (UBotter Labs) 112]

Hi there buddy, sorry but the "invalid license activation exceeded" happened again i'll have to report this to meter again and now i better understand the frustration of my clients too when they have to everyday report this issue to me. damn

 

can you please unlock both my apps please. sorry but it seems that you'll start to have the same issues like me with the locker and everyday you'll have to unlock many of us.

[drb 11]

Great Tool. Really easy to use. Nice One LazyBotter

[lewzer 1]

Great program, saves tones of time. 

[UBot Marketer 7]

sales process completed with no problems. In under a minute it was delivered, registered and installed..  

 

​What is the Other links is it Bonus ?!     

[stanf 43]

is this for developer license only?

[LazyBotter 188]

Yes it is, you need to be able to use the HTML Panel. 

[UBot Marketer 7]

sales process completed with no problems. In under a minute it was delivered, registered and installed..  

 

​What is the Other links is it Bonus ?!     

 

The files in the other links NOT working i thing it is other Bots NOT a Bonus    

 

 

last night i open to see the bot and it is OK .

now when i tried to open it is NOT working telling me there is an update when i choose yes it give me blank bot then i renstal and click NO , The same  blank bot !!

 

Can i know what is the problem http://im38.gulfup.com/9KT8N.jpghttp://im38.gulfup.com/PmlRX.jpghttp://im38.gulfup.com/g4rno.jpg

 

Thanks

[LazyBotter 188]

Sorry about that I will get it sorted as soon as I get home. The update will be worth the wait!

 

And for the links they are for other bots NOT a bonus.

 

Carl

[UBot Marketer 7]

Ok thanks , take your time NO rush

[LazyBotter 188]

Should be fixed now, well hopefully!

 

Update to Version 2.0!

 

Change Log:

• Made changes to user interface to make it easier to navigate.
• The application will now respond faster. (Removed the fade in/fade out functions)
• You can now add an images to your UI, server based or local (Base64 encoded).

NOTE: Base64 encoded images creates a lot of code (especially large images), which will slow your UI's down.  

 

Carl 

[whoami 26]

How can I add %lists inside text areas? And also the $list total(%list)

Shall I just?

{%list} ? its not loading.

[LazyBotter 188]

Take a look at this code, it will give you an idea how to display status in the UI, you cannot directly put {#vars}/{%lists} into the HTML Panel as there are scripts on the page and it messes things up.

 

You have to use the variable="#My_Var".

ui html panel("<!DOCTYPE html><head>
   <link href=\"http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css\" rel=\"stylesheet\">
<style id=\"Styles\">
       label \{ display: inline-block;\}
       html \{ margin: 0px; padding: 0px; \}
       body \{margin: 0px; padding: 0px;\}
       p.left \{ text-align: left; \}
       .image \{margin: 5px;\}
       .headertext \{margin: 5px; margin-right: 5px; \}
       .draggable \{ width: auto; height: auto; position: absolute; \}
       input[type=text] \{margin: 5px;\}
       input[type=button] \{margin: 5px;\}
       input[type=checkbox] \{margin: 5px; float: left;\}  
       input[type=file] \{margin: 0px;\}    
       span \{margin: 5px;\}      
       textarea \{margin: 5px;\}
       select \{margin: 5px;\}
       .tablink \{float:left; margin: 5px;\}    
       .ui-tabs \{height: 40px; vertical-align: central; margin: 2px;\}    
       .mainheader \{margin: 5px;vertical-align: central; padding: 0px;\}      
       #TabBox \{background-color:#fff;padding: 0px;\}
.tab_box  \{width:800px; height:250px; position: relative; \}
</style>

    </head>      
    <body>
        <div style=\"width:100%;height:auto;\">     
         <center>
                <div class=\"maincontainer\" style=\"display: block; \">     

                  <div id=\"Builder\" style=\"display: block; opacity: 1; \">
            
            <div id=\"Main\">
            
            <div class=\"mainheader changeheader\" style=\"width: 800px; \"></div>
            
                
                 <div id=\"tabs\" class=\"ui-tabs ui-widget ui-widget-content ui-corner-all\" style=\"width: 800px; display: none; \">
                    
                 <div id=\"tablinks\"></div>
                
                 </div>
            
                 <div id=\"TabBox\" style=\"width: 800px; \"><div class=\"Elements-0 tab_box\" id=\"containment-wrapper-0\" style=\"display: block; \">
                  <div id=\"draggable_1\" class=\"draggable ui-widget-content ui-draggable\">
      <textarea variable=\"#Textarea_Stat\" placeholder=\"List Status:\" style=\"margin-left: 5px; margin-right: 5px; width: 210px; margin-top: 5px; margin-bottom: 5px; height: 219px; \"></textarea></div></div></div>
                              
                  </div>
                  </div>     
                  </div>

                               </center>
                  
 </div>      

<!--SCRIPTS-->

    <script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js\"></script>
    <script src=\"http://code.jquery.com/ui/1.10.2/jquery-ui.js\"></script>

    <script>
            //Get current tab ID /    Switch Tabs
       
       $(\".tablink\").live(\"click\", function()\{
       currentTabID = $(this).attr(\'id\');
       $(\".tablink\").css(\"border-bottom\", \"2px inset #000\");
       $(\".tab\"+currentTabID).css(\"border-bottom\", \"\");
       $(\".tab_box\").hide();
       $(\"#containment-wrapper-\" + currentTabID).show();
       drag();
\});

    </script>


</body></html>", 300)
clear list(%New_List)
clear list(%List)
add list to list(%List, $list from text("Item 1,Item 2,Item 3,Item 4,Item 5,", ","), "Delete", "Global")
set(#Pos, 0, "Global")
loop($list total(%List)) {
    add item to list(%New_List, $list item(%List, #Pos), "Delete", "Global")
    set(#Textarea_Stat, %New_List, "Global")
    increment(#Pos)
    wait(1)
}

Carl  

[webpro 31]

Yio "Carlos"

 

You just got a sale (well my wife bought it for me isn't she nice lol)

We're having win in front a PC reading the UBOT forum hahahahahahahahaha

 

Talk about something romantic here lol

[LazyBotter 188]

Thanks for the sale! You got it just in time! (Price going up $10 tomorrow)

 

New Update! (V3.0)

 

 

Change Log:

 

Cleaned up the code!

Better looking interface!

Tabs should work properly now.

 

You can now dynamically change the UI height/width.

You can now rename tabs (double click the tab).

Added new "Tool Tip" element.

Added "No Wrap" to Text Area element.

 

Hope you like!!

 

Carl 

[drb 11]

Loving thease updates.

 

I Personally would love to see the ability to add links. I can do it now but have add manually. reckon it would be quite easy for you to add the ability to add a link url. eg <a href="http://google.com" target="_blank">visit here now</a> as an element. Just to finish it off for me

[mrwalt 34]

Hi Carl,

 

I'm a huge fan of this software tool and I was curious as Aymen just used your software to built a bot called Articlear that he just released.  He used a status bar in his bot and I have been trying to duplicate something close for a couple of days but have not had any luck.  Do you know of a basic code that Ubotters can use with your software to make a custom status box?  I tried your code above but was a little confused as I'm still in my early stages of learning uBot.   

 

 

Any help or tips you have would be very much appreciated.

 

 

Thank you

 

mrwalt

[LazyBotter 188]

@drb

I will get that added, will be a simple add. 

 

@mrwalt

The code above was just to populate a textarea with a list.

 

Aymen will have converted his image to base64 and displayed it with a variable and Status Monitor. (I have just sent out an update V3.1 so you can include html inside the status variable).

 

Convert your image here: http://www.base64-image.de

 

Example Code:

on load("Bot Loaded") {
    set(#Running, "<img src=\"data:image/gif;base64,R0lGODlhEAAQAPMAAP///wAAAAAAAIKCgnJycqioqLy8vM7Ozt7e3pSUlOjo6GhoaAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAEKxDISau9OE/Bu//cQBTGgWDhWJ5XSpqoIL6s5a7xjLeyCvOgIEdDLBqPlAgAIfkEAAoAAQAsAAAAABAAEAAABCsQyEmrvThPwbv/XJEMxIFg4VieV0qaqCC+rOWu8Yy3sgrzoCBHQywaj5QIACH5BAAKAAIALAAAAAAQABAAAAQrEMhJq704T8G7/9xhFMlAYOFYnldKmqggvqzlrvGMt7IK86AgR0MsGo+UCAAh+QQACgADACwAAAAAEAAQAAAEMRDISau9OE/Bu/+cghxGkQyEFY7lmVYraaKqIMpufbc0bLOzFyXGE25AyI5myWw6KREAIfkEAAoABAAsAAAAABAAEAAABDYQyEmrvThPwbv/nKQgh1EkA0GFwFie6SqIpImq29zWMC6xLlssR3vdZEWhDwBqejTQqHRKiQAAIfkEAAoABQAsAAAAABAAEAAABDYQyEmrvThPwbv/HKUgh1EkAyGF01ie6SqIpImqACu5dpzPrRoMpwPwhjLa6yYDOYuaqHRKjQAAIfkEAAoABgAsAAAAABAAEAAABDEQyEmrvThPwbv/nKUgh1EkAxFWY3mmK9WaqCqIJA3fbP7aOFctNpn9QEiPZslsOikRACH5BAAKAAcALAAAAAAQABAAAAQrEMhJq704T8G7/xymIIexEOE1lmdqrSYqiGTsVnA7q7VOszKQ8KYpGo/ICAAh+QQACgAIACwAAAAAEAAQAAAEJhDISau9OE/Bu/+cthBDEmZjeWKpKYikC6svGq9XC+6e5v/AICUCACH5BAAKAAkALAAAAAAQABAAAAQrEMhJq704T8G7/xy2EENSGOE1lmdqrSYqiGTsVnA7q7VOszKQ8KYpGo/ICAAh+QQACgAKACwAAAAAEAAQAAAEMRDISau9OE/Bu/+ctRBDUhgHElZjeaYr1ZqoKogkDd9s/to4Vy02mf1ASI9myWw6KREAIfkEAAoACwAsAAAAABAAEAAABDYQyEmrvThPwbv/HLUQQ1IYByKF01ie6SqIpImqACu5dpzPrRoMpwPwhjLa6yYDOYuaqHRKjQAAIfkEAAoADAAsAAAAABAAEAAABDYQyEmrvThPwbv/nLQQQ1IYB0KFwFie6SqIpImq29zWMC6xLlssR3vdZEWhDwBqejTQqHRKiQAAIfkEAAoADQAsAAAAABAAEAAABDEQyEmrvThPwbv/3EIMSWEciBWO5ZlWK2miqiDKbn23NGyzsxclxhNuQMiOZslsOikRADsAAAAAAAAAAAA=\">", "Global")
}
ui html panel("<!DOCTYPE html><head>
<link href=\"http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css\" rel=\"stylesheet\">
<style id=\"Styles\">
/*COPY CSS STYLES FOR IMPORT // START*/
label \{display: inline-block;\}
html \{ margin: 0px; padding: 0px; \}
body \{margin: 0px; padding: 0px;\}
p.left \{ text-align: left; \}
.image \{margin: 5px;\}
.headertext \{margin: 5px; margin-left: 5px; margin-right: 5px; \}
.draggable \{ width: auto; height: auto; position: absolute;\}
input[type=text] \{margin: 5px;\}
input[type=button] \{margin: 5px;\}
input[type=checkbox] \{margin: 5px; float: left;\}
input[type=file] \{margin: 0px;\}
span \{margin: 5px;\}
textarea \{margin: 5px;\}
select \{margin: 5px;\}
.tablink \{float:left; margin: 5px;\}
.ui-tabs \{height:40px; vertical-align: central; margin: 2px;\}
.mainheader \{margin: 5px;vertical-align: central; padding: 0px; \}
#TabBox \{background-color:#fff;padding: 0px;\}
.ui-tooltip \{z-index:10;font-size:0.875em;margin-left:5px;
color:#fff;background-color: #000000;font-family: \'Droid Sans\', sans-serif;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; position: absolute;padding: 5px;
border:2px solid blue;\}
.tab_box  \{width:800px; height:400px; position: relative; \}</style>
</head>
<body style=\"cursor: auto; \">
<div style=\"width:100%;height:auto;\">
<center>
<div class=\"maincontainer\" style=\"display: block; \">
<div id=\"renametabdiv\" style=\"display: none; \">
<span style=\"font-weight:bold;\">New Label: </span> <input type=\"text\" id=\"renametext\" placeholder=\"New Tab Label\">
<input type=\"button\" id=\"renameok\" value=\"Rename\" class=\"btn btn-primary\">
<input type=\"button\" id=\"hiderename\" value=\"Hide\" class=\"btn btn-primary\">
</div>
<div id=\"Builder\" style=\"display: block; opacity: 1; \">
<!--COPY HTML FOR IMPORT // START-->
<div id=\"Main\">
<div class=\"mainheader changeheader\" style=\"width: 800px; \"><legend class=\"headertext\" style=\"font-family:Andale Mono;font-size:28px;text-align:left;color:#000;\">Status Example</legend></div>
<div id=\"tabs\" class=\"ui-tabs ui-widget ui-widget-content ui-corner-all\" style=\"display: none; width: 800px; \">
<div id=\"tablinks\"></div>
</div>
<div id=\"TabBox\" style=\"width: 800px; \"><div class=\"Elements-0 tab_box\" id=\"containment-wrapper-0\" style=\"display: block; width: 800px; height: 200px; \">
<div id=\"draggable_1\" class=\"draggable ui-widget-content ui-draggable\"><span style=\"font-weight:bold;\">STATUS:</span><span variable=\"#Status\" fillwith=\"innerhtml\"></span></div><div id=\"draggable_2\" class=\"draggable ui-widget-content ui-draggable\" style=\"left: 0px; top: 22px; \">
<input type=\"button\" value=\"Start\" class=\"btn\" onclick=\"ubot.runScript(\'Start()\')\"></div><div id=\"draggable_3\" class=\"draggable ui-widget-content ui-draggable\" style=\"left: 56px; top: 22px; \">
<input type=\"button\" value=\"Stop\" class=\"btn\" onclick=\"ubot.runScript(\'Stop()\')\"></div></div></div>
</div>
<!--COPY HTML FOR IMPORT // END-->
</div>
</div>
<!--############MENU##############-->
</center>
</div>
<!--SCRIPTS-->
<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js\"></script>
<script src=\"http://code.jquery.com/ui/1.10.2/jquery-ui.js\"></script>
<script>
//Get current tab ID /    Switch Tabs
$(\".tablink\").live(\"click\", function() \{
currentTabID = $(this).attr(\'id\');
$(\".tablink\").css(\"border-bottom\", \"2px inset #000\");
$(\".tab\" + currentTabID).css(\"border-bottom\", \"\");
$(\".tab_box\").hide();
$(\"#containment-wrapper-\" + currentTabID).show();
drag();
\});
$(function () \{
$.widget(\"ui.tooltip\", $.ui.tooltip, \{
options: \{
content: function () \{
return $(this).prop(\'title\');
\}
\}
\});
$(document).tooltip();
\});
</script>
</body></html>", 200)
define Start {
    set(#Status, #Running, "Global")
}
define Stop {
    set(#Status, "", "Global")
}

Carl 

[mrwalt 34]

Thank you Carl.

[webpro 31]

Yeah, adding links that opens the default browser with cookies and everything would be cool !

We could add links to sponsors and stuff like that and make a cut $$$

 

I still didn't play with it yet (no time) ! So i guess i'll wait and grab 3.0 instead (when i'm ready, should be this weekend, if i don't get any gigs that is)